如何使用 jQuery AJAX 提交表单而不进行回发？

使用 jQuery AJAX 提交表单

使用表单时，可能需要使用 AJAX 将表单数据提交到 PHP 脚本而不是执行传统的回发。实现这一目标的挑战之一是收集和发送所有表单输入。

幸运的是，jQuery 通过其 serialize() 方法提供了一个简单的解决方案。实施方法如下：

1.禁用表单的默认提交：

$('#formId').submit(function(event) {
  event.preventDefault();
});

2.序列化表单数据：

serialize() 方法序列化表单的元素并返回一个查询字符串，该字符串可以在 AJAX 请求中使用。

3.发出 AJAX 请求:

$.ajax({
  type: "POST",
  url: "targetScript.php",
  data: $('#formId').serialize(),
  success: function(data) {
    // Handle the response from the PHP script
  }
});

在上面的代码中，将 formId 替换为表单的实际 ID，将 targetScript.php 替换为将处理表单数据的 PHP 脚本的 URL。

示例响应处理:

在成功函数内AJAX请求，可以处理PHP脚本返回的响应。例如，如果您期待成功消息，则可以使用以下方式显示它：

success: function(data) {
  alert("Your order has been submitted successfully.");
}

通过执行以下步骤，您可以使用 jQuery AJAX 无缝提交表单数据，而无需手动收集所有表单输入。

以上是如何使用 jQuery AJAX 提交表单而不进行回发？的详细内容。更多信息请关注PHP中文网其他相关文章！