soumission de plusieurs formulaires avec AJAX

J’ai une page qui contient plusieurs formes. Je souhaite append un bouton de soumission unique qui permettra à tous les formulaires d’être enregistrés en même temps, comme illustré ci-dessous:

 ....form fields 
 
 ....form fields 
 
 ....form fields 
 Submit All Forms  function submitAll() { document.form1.submit(); document.form2.submit(); document.form3.submit(); }  

Le problème que je rencontre est qu’une fois que le premier formulaire est soumis, il redirige la page vers la destination de ce formulaire. Je souhaite intercepter cette redirection afin que je puisse traiter le formulaire suivant.

Je sais que cela peut être fait via AJAX, ce qui me permettrait en quelque sorte d’attraper la page renvoyée (et de l’ignorer si je le souhaite), mais je ne peux pas comprendre comment faire cela sans mapper chacun des champs du formulaire manuellement.

Quelqu’un peut-il aider?

• La définition de processData sur false dans jQuery interrompt ma requête AJAX
• Google explore-t-il le contenu AJAX?
• La requête $ .ajax ({async: false}) continue de se déclencher de manière asynchrone?
• jQuery ajax et SSL?
• Réactualisation automatique de Google Map v3 uniquement

• JQuery: publiez un jeton FormData ET csrf ensemble
• jQuery.getJSON ne fonctionne pas correctement dans IE8 avec gdata json-c. Pourquoi?
• Comment définir la valeur sélectionnée dans Multi-Value Select dans Jquery-Select2.?
• mise à jour de la barre de progression en utilisant secondes de demande ajax
• comment renvoyer un object du contrôleur à ajax au spring mvc

 $('form').each(function() { var that = $(this); $.post(that.attr('action'), that.serialize()); });