如何使用 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中文網其他相關文章！