jQuery pour soumettre un formulaire via AJAX?

Question

Y a-t-il une méthode de jquery magique qui vous permettra de soumettre un formulaire à son URL d'action via AJAX plutôt qu'avec un rechargement de page? Je sais que vous pouvez lier l'événement submit d'un formulaire à une fonction de gestionnaire, mais je cherche également quelque chose qui sérialisera automatiquement les variables de demande du formulaire dans l'élément de données $.post de la même manière que le navigateur, et puis tirer sur un poste ajax ou obtenir. (le problème spécifique que j'essaye de résoudre est de "ajaxifier" un formulaire existant)

Answer 1

Oui il ya jquery.form plugin. Tout ce que vous avez besoin est de mettre cela dans le prêt rappel DOM:

$('#myForm').ajaxForm(); 

Answer 2

Vous pouvez en effet - il y a un plugin pour elle ...

http://jquery.malsup.com/form/

Si vous ne voulez pas utiliser un plugin et avoir une forme assez simple, vous pouvez faire une boucle dans le formulaire pour créer une requête en utilisant $ .ajax à la place.

Answer 3

SUBMIT FORM USING AJAX JQUERY PLUG-IN

Answer 4

Je suis l'habitude de faire ceci:

$(document).submit(function(){ 
    var form = $(this); 
    $.post(form.attr('action'), 
    form.serialize(), 
    function(data){ 
    // do something with response 
    }); 

    return false; 

}