Question

我的页面上有几个不同ID的表单。每个表单都有一个提交按钮，应该单独处理。

所以如果我指定表单id，下面的代码工作正常，因为我有x个预先不知道的表单，我需要使这个脚本更通用。

$(function() {
  $('#form1').on('submit', function() {
    $.ajax({
      type: 'post',
      url: 'post.php',
      dataType: 'json',
      data: $('#form1').serialize(),
      success: function() {
        console.log($('#form1').serialize());
      }
    });
  });
});

我可以使用下面的scrpt获取表单ID，但我无法弄清楚如何与上面的脚本结合使用。

$("form").submit(function() {
  var myId = this.id;
  alert(myId);
});

Answer 1

您需要存储对this的引用，以便您可以访问在回调中触发form事件的submit元素：

$('form').on('submit', function() {
  var self = this;

  $.ajax({
    type: 'post',
    url: 'post.php',
    dataType: 'json',
    data: $(self).serialize(),
    success: function() {
      console.log($(self).serialize());
    }
  });
});

如何在发送表单之前用jquery选择表单id

1 个答案: