Ajax是一種在網頁中通過JavaScript與服務器進行數據交互的技術。當我們需要提交表單的時候，通常會使用Ajax來異步地發送表單數據到服務器，并等待服務器的響應。而設置回調函數可以讓我們在服務器響應返回后做出相應的處理，比如更新頁面內容或顯示一條提示信息。下面我將通過一些示例詳細介紹如何使用Ajax提交表單，并設置回調函數來處理服務器響應。

示例一：假設我們有一個登錄表單，其中包含用戶名和密碼的輸入框，當用戶點擊登錄按鈕時，我們希望通過Ajax將表單數據發送到服務器，并在服務器響應返回后判斷用戶是否成功登錄。如果登錄成功，我們會更新頁面內容顯示歡迎信息，如果登錄失敗，我們會顯示一條錯誤提示信息。

$('form').submit(function(e) {
e.preventDefault(); // 阻止表單提交的默認行為
var formData = $(this).serialize(); // 將表單數據序列化為字符串
$.ajax({
url: 'login.php',
type: 'POST',
data: formData,
success: function(response) {
if (response === 'success') {
$('#login-message').text('歡迎登錄！').addClass('success').removeClass('error');
} else {
$('#login-message').text('用戶名或密碼錯誤！').addClass('error').removeClass('success');
}
}
});
});

在上面的示例中，我們首先使用$('form').submit()來捕獲表單的提交事件，然后使用e.preventDefault()來阻止表單的默認提交行為。接下來，我們使用$(this).serialize()將表單數據序列化為字符串，并使用$.ajax()來發起異步請求。其中，url表示請求的地址，type表示請求方法，data表示發送的數據，success是一個回調函數，當服務器響應返回后會執行該函數。在上面的回調函數中，我們根據返回的響應內容來判斷用戶是否登錄成功，并根據結果來更新頁面內容。

示例二：假設我們有一個注冊表單，其中包含用戶名、密碼和確認密碼的輸入框，當用戶點擊注冊按鈕時，我們希望通過Ajax將表單數據發送到服務器，并在服務器響應返回后判斷用戶是否成功注冊。如果注冊成功，我們會顯示一條成功提示信息，如果注冊失敗，我們會顯示一條錯誤提示信息，并清空密碼輸入框。

$('form').submit(function(e) {
e.preventDefault(); // 阻止表單提交的默認行為
var formData = $(this).serialize(); // 將表單數據序列化為字符串
$.ajax({
url: 'register.php',
type: 'POST',
data: formData,
success: function(response) {
if (response === 'success') {
$('#register-message').text('注冊成功！').addClass('success').removeClass('error');
} else {
$('#register-message').text('注冊失敗！').addClass('error').removeClass('success');
$('input[name="password"]').val(''); // 清空密碼輸入框
}
}
});
});

在上面的示例中，我們使用了與示例一類似的方法來捕獲表單的提交事件，并阻止默認的表單提交行為。然后，我們使用$(this).serialize()將表單數據序列化為字符串，并使用$.ajax()來發送異步請求。在回調函數中，我們根據服務器響應的內容來判斷用戶是否成功注冊，并根據結果來更新頁面內容。如果注冊失敗，我們還使用$('input[name="password"]').val('')來清空密碼輸入框。

通過上面兩個示例，我們可以看到如何使用Ajax提交表單，并通過設置回調函數來處理服務器的響應。這種方式不僅可以提供更好的用戶體驗，還可以讓我們根據不同的響應結果來做出相應的處理。在實際開發中，我們可以根據具體需求來擴展這種使用方式，比如檢查輸入數據的有效性或實現其他自定義邏輯。無論如何，Ajax提交表單并設置回調函數是一種非常實用的技術，希望本文對你有所幫助。