Ajax Multiple Form Submit

Question

我有一个问题。我在一页boostrap表单向导上有2个表单，我想用ajax一个提交按钮发布它们。我怎么能这样做？

<form class="form-horizontal form1" role="form" parsley-validate id="form1"></form>

我的第二张表格;

<form class="form-horizontal form2" role="form" parsley-validate id="form2"></form>

这是我试过的Javascript：

$(function() { 
    $('form').on('submit', function (e) { 
        $.ajax({ 
            type: 'post', 
            url: '_Interviews.asp?M=AddOK', 
            data: $(this).serialize(), 
            success: function () { 
                location.reload(); 
            } 
        }); 
        e.preventDefault(); 
    }); 
}); 

Answer 1

您可以使用serializeArray()从两个表单创建值数组，然后在发送AJAX请求之前将它们concat()放在一起，如下所示：

$('form').on('submit', function (e) { 
    var form1Data = $('.form1').serializeArray();
    var form2Data = $('.form2').serializeArray();
    $.ajax({ 
        type: 'post', 
        url: '_Interviews.asp?M=AddOK', 
        data: form1Data.concat(form2Data),
        success: function () { 
            location.reload(); 
        } 
    }); 
    e.preventDefault(); 
});