jQuery.ajax - soumettre tous les éléments dans le formulaire sans les entrer manuellement

Question

Je voudrais utiliser jQuery.ajax pour soumettre un formulaire en utilisant POST sans avoir à tout spécifier manuellement dans la partie "data:".

C'est ce que je ne veux pas:

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

Est-il possible d'avoir simplement inclure des éléments alla avec leurs valeurs d'un champ de formulaire au complet? Ce formulaire est généré dynamiquement, donc cela me ferait gagner beaucoup de temps!

Answer 1

Utilisez serialize method.

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

Answer 2

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

qui amélioreraient l'exemple suivant:

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

Answer 3

méthode Utilisez .serialize() pour envoyer des données de formulaire au complet dans jQuery Ajax.

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

Exemple de script se trouve d'ici - How to send entire form data in jQuery Ajax