pasando los datos en la presentación del formulario a través de jquery/ajax

Question

quiero enviar un formulario con aproximadamente 10 entradas usando jquery/ajax, pero no sé cómo puedo pasarle los datos a través de los parámetros de datos de ajax.debo serializar ellos ?

Answer 1

El jQuery.serialize puede ser útil para usted. Es importante que use la propiedad name para todos los campos del formulario que desea enviar. El código correspondiente puede tratarse del siguiente

$("form#myFormId").submit(function() { 
    var mydata = $("form#myFormId").serialize(); 
    console.log(mydata); // it's only for test 
    $.ajax({ 
     type: "POST", 
     url: "myUrlToPostData.php", 
     data: mydata, 
     success: function(response, textStatus, xhr) { 
      console.log("success"); 
     }, 
     error: function(xhr, textStatus, errorThrown) { 
      console.log("error"); 
     } 
    }); 
    return false; 
}); 

Answer 2

$.ajax({ 
type: "POST", 
url: "handle.php", 
data: "n="+name+"&e="+email, 
success: function() { 
alert('It worked'); 
} 
}); 

Aquí está la forma más sencilla de usarlo. Esto simplemente enviaría dos variables de publicación, $ _POST ['n'] y $ _POST ['e'], a handle.php. Su forma sería así si el Ajax se encuentra en una función llamada send():

<form id="form" onsubmit="send(this.name.value, this.email.value); return false;">