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

【问题标题】：Two forms submit only one button javascript and open popup window两个表单只提交一个按钮javascript并打开弹出窗口
【发布时间】：2016-03-17 09:17:00
【问题描述】：

这是我的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>

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

【问题讨论】：

也许你应该考虑在点击后使用 preventDefault() 。
php代码在哪里？
为什么你有 2 个表单提交到同一个 URL。将form2代码放入form1中。
第一种形式是学生常规考试费，第二种形式是学生补充考试费，但两者都是插入一个表格，所以我使用两种形式。

标签： javascript php button

【解决方案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 开发工具，如果页面重新加载，您必须确保勾选 preserve log。

【讨论】：

俗气的答案如果你不知道答案保持沉默，不要发布任何错误的内容
我刚刚更新了我的答案，希望它更符合您的要求。