如何使用 jQuery Ajax POST 将表单提交到 PHP，而不需要页面重定向？

使用 PHP 的 jQuery Ajax POST 示例

提交表单数据而不重定向

为了避免表单提交导致的页面重定向， jQuery Ajax 提供了一种捕获表单数据并将其异步发送到 PHP 脚本的解决方案。这是一个示例：

表单 (form.html):

<form>

jQuery (script.js):

// Prevent default form submission
$("#foo").submit(function(event) {
  event.preventDefault();

  // Serialize form data
  var serializedData = $(this).serialize();

  // Send data to 'form.php' using Ajax
  $.ajax({
    url: "form.php",
    type: "POST",
    data: serializedData,
    success: function(response) {
      console.log("Data sent successfully.");
    },
    error: function(jqXHR, textStatus, errorThrown) {
      console.error(errorThrown);
    }
  });
});

PHP (form.php):

<?php
  // Retrieve and process posted data
  $bar = isset($_POST['bar']) ? $_POST['bar'] : null;
  // ... perform database operations using $bar ...
?>

使用此方法，您可以捕获表单数据并将其发送到 PHP 脚本，而无需页面重定向或浏览器刷新。请记住清理所有发布的数据以防止恶意代码注入。

以上是如何使用 jQuery Ajax POST 将表单提交到 PHP，而不需要页面重定向？的详细内容。更多信息请关注PHP中文网其他相关文章！