两个表单只提交一个按钮javascript并打开弹出窗口

Question

这是我的javascript

<script type="text/javascript">
    $(document).ready(function () {
        $("#submitButton").click(function () {
            var $form1 = $("#form1");
            $.post($form1.attr("action"), $form1.serialize(), 

        $('form[name="formsub"]').each(function () {
            var $form = $(this);
            $.post($form.attr("action"), $form.serialize(), 
            })
        });
    });
</script>
<form id="form1" action="exam_fee_update1.php" method="post">
    // code
    </form>
    <form id="form2" action="exam_fee_update1.php" name= "formsub" method="post">   
     // code
</form>

当提交两个表格数据插入但我想提交两个表格后，然后打开一个弹出窗口并显示提交详细信息..帮助我。

Answer 1

jQuery $ .post在请求完成后抛出回调： 提交每个表单后，将显示序列化内容：

$(document).ready(function () {
     $("#submitButton").click(function () {
        // serialize the two forms
        var formData = $('#form1, #form2').serialize();
        var formAction =  $('#form1').attr("action");
        $.post( formAction, formData, function(reply){
           // this will create a popup box within the browser and show you the details
           alert(formData);
        });
   }
)

如果是出于调试目的，您可以使用网络选项卡下的chrome dev工具，如果页面重新加载，您必须确保勾选保留日志。