Imprimir Página - Ayuda con Chat AJAX

Buenas,

Bueno pues estoy tratando de hacer un chat con PHP, MySQL y Ajax pero la verdad es que en AJAX soy un novato y quisiera saber si alguien de ustede me podría orientar acerca de esto.

Tengo este código AJAX se ejecuta cuando se da click en el boton Envíar (class="button") y debe checar que input#typeMsg tenga valor y si todo es correcto entonces llama a "send_message.php" que esta programado para poner el mensaje en la base de datos.

Código:

$(function() {

  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
		var msg = $("input#typeMsg").val();
		if (msg == "") {
      $("label#typeMsg_error").show();
      $("input#typeMsg").focus();
      return false;
    }
		
		var dataString = 'msg='+ msg;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "send_message.php",
      data: dataString,
      success: function() {
		console.log ='done';
      }
     });
    return false;
	});
});
runOnLoad(function(){
  $("input#typeMsg").select().focus();
});

En la parte de "success" realmente no quiero que pase nada, solo quiero que funcione send_message.php guardando el mensaje. Aquí dejo el códgo también del formulario:

Código:

<form action="" method="POST" name="Chat">
<input type="text" size="50" maxlenght="150" name="typeMsg" id="typeId" placeholder="Responder" onkeypress="return pulsar(event);"/>
<input type="submit" value=" Enviar " id="submitMsg" name="answer" class="button"/>
</form>

Le agradezco de antemano a quien me pueda ayudar con esto. Saludos ;)

Para que funcione, esto:

Código

<input type="text" size="50" maxlenght="150" name="typeMsg" id="typeId" placeholder="Responder" onkeypress="return pulsar(event);"/>

Deberia pasar a ser esto:

Código

<input type="text" size="50" maxlenght="150" name="typeMsg" id="typeMsg" placeholder="Responder" onkeypress="return pulsar(event);"/>

PD: Fíjate en el id

Citar

En la parte de "success" realmente no quiero que pase nada

Entonces simplemente borra: ,success: function() {console.log ='done';}

Saludos.

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Mokonauta en 28 Junio 2013, 05:47 am