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를 통해이 작업을 수행 할 수 있다는 것을 알고 있습니다.이 작업은 반환 된 페이지를 잡아 내고 (내가 선택한 경우 무시하십시오.) AJAX를 통해 수행 할 수 있습니다.하지만 각 페이지를 매핑하지 않고이를 수행하는 방법을 알 수는 없습니다. 필드를 수동으로 입력하십시오.

아무도 도와 줄 수 있습니까?

Answer 1

이 필드를 직접 매핑 할 필요없이 아약스를 통해 각 양식을 제출해야합니다

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