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以提交多个表单？其他2个表单的ID为：#form1和#form2。我该如何修改这一行？

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

修改

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;
});

使用JQuery ajax提交多个表单

1 个答案: