Cargando

Ir a contenido

X

Obtener data de contacto con jquery ajax





  AUTOR PREGUNTA

Publicado 03 noviembre 2014 - 04:06
Estoy trabajando en una pagina en la cual estoy realizando las operaciones de submit de manera correcta con php y aparece success con la accion de ajax. El problema es que a pesar de haber implementado todo esto y tener todo bien al parecer el campo de email no muestra data, se encuentra en blanco.

Les dejo el codigo HTML y el jquery para que me ayuden a identificar el problema:

HTML:

<form id="sForm" action="submit.php" method="get">
<label>your e-mail: </label>
<input type="text" name="email"></input>
<input id="sub" type="submit" />
</form> <div id="message_ajax">
</div>
<div id="error"></div>

jQuery:

$("#sub").click(function(){
var datastr = 'email'
$.ajax({
type: 'GET',
url: 'submit.php',
data: datastr,
beforeSend:function(){ $('#message_ajax_wait').append('Cargando...'); }, success:function(data){ $('#message_ajax_wait').fadeOut(400); $("#message_ajax_done").append('hecho!'); }, error:function(){ $('#error').append('error en  el servidor'); } }); return false; });

  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 03 noviembre 2014 - 15:21
Prueba colocando la data del objeto de la siguiente manera:

var data = {email:$("input[name=email]").val()};
$.ajax({
type: 'GET',
url: 'submit.php',
data: data, 
beforeSend:function(){ .... };


 

Publicado 03 noviembre 2014 - 15:21
Estas verificando que estes enviando la data correcta?

 

Publicado 03 noviembre 2014 - 15:22
Puedes usar el metodo serialize para postear los datos dentro del formulario:

var datastr = $("#sForm").serialize();

O añadiendolo a un string primero:

$.ajax({
type: 'GET',
url: 'submit.php',
data: $("#sForm").serialize(),beforeSend:function(){ .... };


   AUTOR PREGUNTA

Publicado 03 noviembre 2014 - 15:46
Con el serialize me funciono, eso era, gracias!


X