jQuery.ajax - envíe todos los elementos en forma sin ingresarlos manualmente

Question

Me gustaría usar jQuery.ajax para enviar un formulario usando POST sin tener que especificar todo manualmente en la parte "data:".

Esto es lo que no quiero:

data: "username=" + document.getElementById("username").value + 
    "&email=" + document.getElementById("email").value, 

¿Hay alguna manera de que acaban de incluir alla elementos con sus valores de un campo de formulario completo? ¡Este formulario se genera dinámicamente por lo que me ahorraría mucho tiempo!

Answer 1

Use serialize method.

data : $("form").serialize() 

Answer 2

Mire http://docs.jquery.com/Ajax/serialize.

Eso haría que el siguiente ejemplo:

$("#submit").click(function() { 
    $.ajax({ 
     data: $("form").serialize(), 
     ...rest 
    }); 
}); 

Answer 3

método de uso .serialize() para enviar los datos del formulario enteras en jQuery Ajax.

data:$('#formID').serialize() 

Script de ejemplo se puede encontrar de aquí - How to send entire form data in jQuery Ajax