javascript - 我应该使用什么事件在 jQuery 中异步提交表单？

Question

我最近开始使用 jQuery/AJAX 向我的 PHP API 提交数据。

目前我使用的是 html 中的 input type="button" ，然后是 .click() jQuery 函数来提交它。

我不太确定这是最好的方法，我应该使用 input type="submit" 和 preventDefault() 代替吗？

Answer 1

最好.submit()在表单上使用而不是.click()在提交按钮上使用。在这两种情况下preventDefault都是必要的。原因是用户可以Enter在编辑某些字段时通过按下来提交表单，如果您订阅了按钮的 .click 事件，则不会触发此事件。

Answer 2

您可以使用.submit()，您只需return false;在回调中插入以防止实际提交表单并执行您自己的操作。

$('#target').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

Answer 3

通过 jquery 提交不限于任何特定事件。您可以使用任何存在的事件，例如单击或您或其他人编写的自定义方法/函数，以根据用户行为（如悬停或任何其他行为）发送 ajax 请求。简单来说，你如何使用 jquery ajax 受限于你的想象力和实践。