如何在一个页面中处理多个表单

我正在一页工作，如下所示

<div id="first_div">
     <form name='invoice_edit' id='invoice_edit' action='forms_invoice.php' method='post'>
     <table border="0">
      <tr>
         <td  id=customers_title_td >Customer</td>
         <td  id=customers_td > <!-- php code for customer list //-->
         </td>
     </tr>
    </table>
    <input type="submit" value="get" />
    </form>
</div>
<div id="second_div">
 <form name='customers_edit' id='customers_edit' action='forms_customer.php' method='post'>
<table>  
 <tr>
        <td >Name</td>
        <td ><input name="customers_name" type="text" value=""  id="customers_name"></td>
</tr>  
<tr>
 <td >Bill To</td>
 <td ><input  name="customers_billto_addr" type="text"  value="" id="customers_billto_addr"></td>

</table>
  <input type="button" onClick="goCustomerUpdate('I');" value="  Create  " name="Insert" /> 
    </form>
 </div>

左侧 Div(first_div) 包含发票数据，右侧 Div(second_div) 用于显示附加信息或更新，例如显示客户信息，或者如果是新客户，则创建新客户数据。

我想要做的是，当提交新的客户信息时，我希望左侧 div 保持不变，同时提交右侧客户表单，并在创建客户日志后，更新左侧 div（发票）中的客户列表（下拉）

我不知道的部分是“我是否提交到页面（forms_customer.php），或者有没有办法将所有元素包装在 secondary_div 中并使用 jquery 发送它们，也许使用 post 方法？

我希望左侧 div 保持不变，同时提交右侧客户表单，并在创建客户日志后，更新左侧 div（发票）中的客户列表（下拉列表）

根据您的描述，听起来您想要异步 POST 数据，然后重新加载包含的 div，而不执行完整的回发：

首先，使用 jQuery

将此行包含在您的 HTML 中：<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

使用 $.ajax() 异步 POST

$('#yourForm').submit(function(event) {
    event.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'php/yourPHPScript.php',
            data: $(this).serialize(),
            dataType: 'json'
        });
});

The $(this).serialize()将 POST 表单中的所有输入，因此您可以在 php 代码隐藏中使用如下内容访问它们：$yourField = $_POST['yourField];

使用 $.load() 动态重新加载数据

因此，您已将数据发送回服务器，现在您想要重新加载 div 以反映服务器端更改，而不进行完整的回发。我们可以用 jQuery 来做到这一点$.load():

我们来写一个简单的函数来调用$.load():

function reloadDiv(){
    $('#divToReload').load('scriptWithThisDivContent.php');
}

我们可以把它扔到更早的地方$.ajax()异步 POST 返回服务器后执行的函数延迟对象 https://stackoverflow.com/questions/4866721/what-are-deferred-objects:

$('#yourForm').submit(function(event) {
    event.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'php/yourPHPScript.php',
            data: $(this).serialize(),
            dataType: 'json'
        }).done(function() {
           reloadDiv();   
        });
});