如何使用 AJAX 提交 2 个表单答案

【问题标题】：How to submit 2 forms with AJAX如何使用 AJAX 提交 2 个表单
【发布时间】：2014-01-08 19:49:40
【问题描述】：

我正在通过 AJAX 提交 2 个表单：

$("#form1").on("submit", function(event){
  event.preventDefault();

  var action_url = $(this).attr("action");
  var postData = $(this).serializeArray();

  $.post(action_url,postData,function(data){
    var obj = $.parseJSON(data);
    if(obj.status == "error")
    {
    // Code
  };

  if(obj.status == "success")
  {
    // Code
  }
});

});

#form2 以相同的方式提交，上面的代码完全相同（切换选择器并对error 和success 使用不同的结果）。

有没有一种简单的方法可以一键提交两个表单？

* 编辑 *

下面的表单 HTML：

<form id="form1" action="url1/action1" method="post">
 // code
</form>
<form id="form2" action="url2/action2" method="post">
 // code
</form>

【问题讨论】：

您想将两个表单中的数据合并到一个提交中，还是将每个表单一个接一个地提交到同一个 URL？
@Blazemonger 只需提交每个表单； action_url 在每种情况下都不同。
我想你可以在你的第一个 submit 处理程序中添加 $('#form2').trigger('submit')。

标签： jquery ajax forms form-submit

【解决方案1】：

$("form#form1").on("submit", function(event){

和

$("form#form2").on("submit", function(event){

【讨论】：

【解决方案2】：

只需将两种形式合二为一。屏幕上显示的两个地方的数据没有理由不能在幕后是一种形式。

【讨论】：

表单提交到两个不同的 URL。
是的。但是，如果他控制表单提交的内容，那么他可以更改它。如果不是，那么答案对他没有用，他将不得不以更难的方式去做，但让我们先排除简单的可能性:)