jquery - 如何序列化当前表单？

Question

我正在使用 jQuery 来序列化提交按钮的表单。但是当我使用该代码时，它消除了 return false 的效果并且页面刷新。当我删除序列化代码时，效果很好!

我正在使用这个:

$('input[value=Save]').click(function () {
   $.ajax({
      url: '/ajax_requests/update_info',
      data: $(this).form.serialize(),
      success: function (data) {

      }
   });
   return false;
});

我确信我在使用 $(this).form.serialize() 时犯了一个错误，但我无法弄清楚，也无法在互联网上搜索它。

Answer 1

不要绑定(bind)到特定按钮的点击事件，使用表单本身的submit事件，然后你的表单将是this。

$('form').submit(function (event) {
  event.preventDefault()
  $.ajax({
    data: $(this).serialize()
    ...
  });
});

如果您想使用按钮访问表单(如示例所示)，您可以使用 $(this).closest('form').serialize()。