如何使用 AJAX 向 PHP 提交表单而不刷新页面？

使用 AJAX 提交表单：在不刷新页面的情况下将数据传递给 PHP

尝试通过 AJAX 向 PHP 提交表单数据而不刷新页面，许多人都遇到过按下按钮没有任何反应的问题。这可以归因于表单在 AJAX 请求后自然倾向于提交。

要解决此问题，必须拦截表单的提交事件并防止触发其默认行为。通过实现以下代码，当数据通过 AJAX 发送到服务器时，表单将保留在页面上：

$('form').on('submit', function (e) {
  e.preventDefault();

  $.ajax({
    type: 'post',
    url: 'post.php',
    data: $('form').serialize(),
    success: function () {
      alert('form was submitted');
    }
  });
});

通过此修改，表单将不再以常规方式提交其数据，从而允许 AJAX 请求来处理数据传输。 e.preventDefault() 方法有效阻止浏览器默认的提交行为，从而可以通过 AJAX 控制提交过程。

通过合并此代码片段，您可以异步向 PHP 提交表单数据，而无需用于页面刷新。

以上是如何使用 AJAX 向 PHP 提交表单而不刷新页面？的详细内容。更多信息请关注PHP中文网其他相关文章！