AJAXで複数のフォームを送信する

Question

私はいくつかのフォームを含むページを持っています。

<form id="form1" name="form1" action="someAction" method="post"> 
    ....form fields 
</form> 

<form id="form2" name="form2" action="someOtherAction" method="post"> 
    ....form fields 
</form> 

<form id="form2" name="form2" action="anotherAction" method="post"> 
    ....form fields 
</form> 

<a href="somewhere.html" onclick="submitAll();">Submit All Forms</a> 

<script> 
    function submitAll() { 
     document.form1.submit(); 
     document.form2.submit(); 
     document.form3.submit(); 
    } 
</script> 

私がいる問題は、最初のフォームが送信されますと、それがあることである：私は下に示すように、すべてのフォームは、同時に保存することを可能にする、単一の送信ボタンを追加したいですそのフォームの宛先にページをリダイレクトする - 私は次のフォームを処理できるようにそのリダイレクトを傍受したい

これはAJAXを介して行うことができます。返されたページをキャッチして（それを無視するようにしても構いませんが）、私はこれを行うことができます。フィールドを手動で入力します。

誰でも手助けできますか？

Answer 1

これは、フィールドを自分でマッピングすることなく、AJAXを介してフォームを送信する必要があります

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