在現代 Web 應用程序中，交互式體驗變得非常重要。當我們在后臺處理數據時，讓用戶等待我們的響應是很糟糕的，因為它延長了我們的加載時間。因此，使用 Ajax 技術變得非常重要。jQuery 提供了一種簡單、快速的方式來實現 Ajax 功能，包括異步提交。

// 以下是一個基本的 jQuery Ajax 異步提交示例
$(document).ready(function () {
$('#myForm').submit(function (e) {
e.preventDefault(); // 防止表單跳轉到 action 頁面
var formData = $(this).serialize(); // 序列化表單數據
$.ajax({
type: 'POST',
url: 'submit.php',
data: formData,
success: function (data) {
alert('數據已成功提交!');
},
error: function (data) {
alert('提交數據出現問題，請稍后再試！');
}
});
});
});

上述示例通過使用.ajax()方法，請注意它有很多可選參數最重要的是：

• type: 請求類型（ GET 或 POST）
• url: 請求的 URL
• data: 需要提交的數據，可以是表單數據
• success: 當請求成功時的回調函數
• error: 當請求失敗時的回調函數

我們通過.serialize()方法將表單數據序列化為字符串，然后通過data字段將其提交給服務器。當請求成功時，我們將彈出一個警示框，表明數據已成功提交。如果提交失敗，我們將彈出另一個警示框，要求用戶稍后再試。

總結：

• 使用 jQuery Ajax 提交表單數據時，必須使用阻止表單提交的方法，例如e.preventDefault()。
• 要提交表單數據，可以使用.serialize()方法將表單數據序列化為字符串，而不是手動提取每個表單字段。
• 通過添加data參數，可以將數據傳遞到服務器。
• 當請求成功時，可以使用回調函數執行某些代碼。
• 當請求失敗時，也可以使用回調函數執行某些代碼。