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

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

$（文档）.ready（函数（）{
$（“#提交按钮”）。单击（函数（）{
变量$form1=$（“#form1”）；
$.post（$form1.attr（“操作”），$form1.serialize（），
$（'form[name=“formsub”]”）。每个（函数（）{
var$form=$（此）；
$.post（$form.attr（“action”），$form.serialize（），
})
});
});
//代码
//代码

---

提交两个表单时插入数据，但我希望在提交两个表单后打开一个弹出窗口并显示提交详细信息。

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开发工具，则必须确保在页面重新加载时勾选“保留日志”

---

也许你应该考虑使用预防错误（）点击后。php代码在哪里？为什么你有两个表单提交到同一个URL。将form2代码放在form1中。第一个表单是学生常规考试费，第二个表单是学生补充考试费，但都是插入一个表，所以我使用两个表单。俗气的回答如果你不知道答案，请保持沉默，不要发布任何错误的内容。我只是更新了我的答案和ho佩弗利，这更符合你的追求。