Ajax多表单提交

Ajax Multiple Form Submit

本文关键字：表单提交 Ajax      更新时间：2023-09-26

我有个问题。我有一个页面上的两个表单boostrap表单向导，我想用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(); 
    }); 
});

您可以使用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(); 
});
相关文章：