javascript - 使用 Ajax 按特定顺序提交特定表单

Question

我完全知道类似的问题之前已经在这里发布过。但我在之前的帖子中找不到解决问题的方法。

我的页面中有两个表单，其中包含其他几个表单。当单击第二个表单的提交按钮时，我希望发生以下情况:

提交表格 1，然后提交表格 2。

但是当点击form1的提交按钮时，只提交了form1。

我的代码:

<form class='forms' id='form1'>
     <!--form content-->
     <button type='submit' id='submit-button-1'>Submit</button>
</form>

<form class='forms' id='form2'>
     <!--form content-->
     <button type='submit' id='submit-button-2'>Submit</button>
</form>

我知道有一种使用 AJAX 来做到这一点的方法，但我几乎没有使用 AJAX 的经验。

Answer 1

请尝试以下操作:

$("#form2").on("submit", function() {
  var $self = $(this);
  var $form1 = $("#form1");
  $.ajax({
    url: yourPSubmitUrl,
    data: $form1.serialize(),
    type: 'POST',
    success: function(result) {
      $self.submit();
    }
 });
  return false;
});