отправить несколько форм, используя JQuery ajax

Question

У меня есть этот код для отправки 1 формы на клик.

$('#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, чтобы отправить несколько форм? ID других двух форм: #form1 и #form2. Как изменить эту строку?

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

EDIT

есть вариант в AJAX, чтобы сделать что-то вроде этого ...

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

Но, я не знаю, как добиться этого в моем случае?

Answer 1

Если вы не используете «ajax: false» и отправляете все 3 формы, поскольку $ .ajax является асинхронным, все формы будут представлены неблокируемым способом.

$('#verify_id').click(function() { 
    $.ajax({ 
     //code for form 1 
    }); 
    $.ajax({ 
     //code for form 2 
    }); 
    $.ajax({ 
     //code for form 3 
    }); 
    return false; 
});