jQuery.ajax - invia tutti gli elementi nel modulo senza inserirli manualmente

Question

Vorrei utilizzare jQuery.ajax per inviare un modulo utilizzando il POST senza dover specificare tutto manualmente nella parte "dati:".

Questo è quello che non voglio:

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

C'è un modo per farlo basta includere Alla elementi con i loro valori di un intero campo FORM? Questo modulo è generato dinamicamente in modo da risparmiare un sacco di tempo!

Answer 1

Utilizzare serialize method.

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

Answer 2

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

che renderebbero il seguente esempio:

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

Answer 3

Usa .serialize() metodo per inviare tutti i dati del modulo in jQuery Ajax.

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

Esempio di script può essere trovato da qui - How to send entire form data in jQuery Ajax