Ajax多种表单提交

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