Ayuda con Chat AJAX

Iniciado por Mokonauta, 28 Junio 2013, 05:47 AM

0 Miembros y 1 Visitante están viendo este tema.

Mokonauta

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.
$(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:


<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  ;)
El destino decide hasta que es desafiado por los condenados.

#!drvy

Para que funcione, esto:
Código (html4strict) [Seleccionar]
<input type="text" size="50" maxlenght="150" name="typeMsg" id="typeId" placeholder="Responder" onkeypress="return pulsar(event);"/>

Deberia pasar a ser esto:
Código (html4strict) [Seleccionar]
<input type="text" size="50" maxlenght="150" name="typeMsg" id="typeMsg" placeholder="Responder" onkeypress="return pulsar(event);"/>

PD: Fíjate en el id

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

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

Saludos.

Mokonauta

Gracias,

Hasta ahora leí la respuesta pero si logre solucionarlo, te agradezco mucho :D
El destino decide hasta que es desafiado por los condenados.