如何使用 jQuery AJAX 提交表單而不進行回發？

使用jQuery AJAX 提交表單

使用表單時，可能需要使用AJAX 將表單資料提交到PHP 腳本而不是執行傳統的回發。實現這一目標的挑戰之一是收集和發送所有表單輸入。

幸運的是，jQuery 透過其 serialize() 方法提供了一個簡單的解決方案。實作方法如下：

1.停用表單的預設提交：

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

2.序列化表單資料：

2.序列化表單資料

：

2.序列化表單資料

：

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

serialize() 方法序列化表單的元素並傳回查詢字串，該字串可以在AJAX請求中使用。

3.發出AJAX 請求

:

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

在上面的程式碼中，將formId 替換為表單的實際ID，將targetScript.php 替換為將處理表單資料的PHP 腳本的URL。

範例回應處理:在成功函數內AJAX請求，可以處理PHP腳本回傳的回應。例如，如果您期待成功訊息，則可以使用以下方式顯示它：透過執行以下步驟，您可以使用 jQuery AJAX 無縫提交表單數據，而無需手動收集所有表單輸入。

以上是如何使用 jQuery AJAX 提交表單而不進行回發？的詳細內容。更多資訊請關注PHP中文網其他相關文章！