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