2014-11-07 2 views
0

이 코드를 클릭하면 양식 1 개를 제출할 수 있습니다.JQuery ajax를 사용하여 여러 양식 제출

$('#verify_id').click(function() { 
var formData = new FormData($('form#verify_id_form')[0]); 
$.ajax({ 
    type: 'post', 
    url: '/public_transaction/verify_id', 
    data: formData, 
    async: false, 
    success: function (res) { 
     alert(res); 
    }, 
    cache: false, 
    contentType: false, 
    processData: false 
}); 
return false; 
}); 

그러나이 양식을 2 개 더 제출하고 싶습니다. data 여러 양식을 제출하려면 어떻게 변경합니까? 다른 2 개의 양식 ID는 #form1#form2입니다. 이 줄을 어떻게 수정합니까?

var formData = new FormData($('form#verify_id_form')[0]); 

편집 같은 것을 할 수 아약스의 옵션이

...

var dataString = $("#filter-group1, #filter-group2").serialize(); 
(here 2 forms are getting submitted bu just 1 click) 

, 나는 내 경우에는이를 달성하는 방법을 몰라?

+0

3 요청, 3 요청. 1 개의 요청으로 응축시킬 수있는 경우가 아니라면 그러한 작업을 처리하기 위해 엔드 포인트를 설정해야합니다. –

+0

하나의 요청으로 여러 양식을'POST '할 수 없습니다. 양식 값을 병합하고 차례로 제출할 수 있습니다. 그러나 한 번에 여러 형태가 아닙니다. – George

+0

양식 ID입니다. 3 가지 양식을 함께 제출하고 싶습니다. –

답변

0

"ajax : false"를 사용하지 않고 3 개의 양식을 모두 제출하면 $ .ajax는 비동기식이므로 모든 양식이 비 차단 방식으로 제출됩니다.