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

What event should I use to submit a form asynchronously in jQuery?

本文关键字:异步 提交 表单 jQuery 什么 事件 我应该      更新时间:2023-09-26

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

目前我使用的是html中的输入type="button",然后是一个.click() jQuery函数来提交它。

不太确定这是最好的方法,我应该使用 inputtype="submit" 和 preventDefault() 代替吗?

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

您可以使用

.submit(),您只需要在回调中插入return false;即可阻止实际表单提交并执行自己的操作。

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

提交不限于通过 jquery 提交的任何特定事件。您可以使用存在的任何事件(如单击或您或其他人编写的自定义方法/函数)来发送 ajax 请求,具体取决于用户行为(如悬停或任何其他行为)。简单地说,你如何使用jquery ajax受到你的想象力和实践的限制。