如何使用 jQuery Ajax 和 PHP 提交表單而不使用頁面重新導向？

使用PHP 的jQuery Ajax POST 示例

簡介：
提交表單通常會觸發瀏覽器重定向。本文示範如何使用 jQuery Ajax 擷取表單資料並將其傳送至 PHP 腳本進行處理，而不會導致重新導向。

jQuery Ajax 實作：
使用jQuery 處理表單提交Ajax，請依照下列步驟操作：

1. 防止使用預設表單提交event. )。
2. 使用 $form.serialize() 序列化表單資料。
3. 在 Ajax 請求掛起時停用表單輸入。
4. 使用 $.event.preventDefault()。 ajax() 方法將序列化資料傳送到 PHP 腳本。
5. 定義成功的回呼處理程序，失敗，並使用 request.done()、request.fail() 和 request.always() 完成。
6. Ajax 請求完成後重新啟用表單輸入。

PHP腳本整合：
在處理提交資料的PHP腳本中（我們的form.php範例）：

1. 使用全域變數$_POST 存取發布的值。
2. 確保對發布的資料進行適當的清理以防止惡意程式碼。

附加說明：

• jQuery 1.8後來棄用了 .success()、.error() 和 .complete()。請使用 .done()、.fail() 和 .always() 來代替。
• 您也可以在 JavaScript 程式碼中使用簡寫 .post() 來取代 .ajax()。
• 提供的程式碼適用於 jQuery 1.8 及更高版本，以及 jQuery 1.5 之前的版本。

以上是如何使用 jQuery Ajax 和 PHP 提交表單而不使用頁面重新導向？的詳細內容。更多資訊請關注PHP中文網其他相關文章！