AJAX 是一種用于在后臺與服務器進行數據交互的技術，它通過異步方式發送請求并接收響應，從而實現頁面無刷新地更新內容。在 AJAX 中，回調函數起著至關重要的作用，用于在請求完成后進行相應的處理。本文將介紹 AJAX 中的各種回調函數，以及它們各自的作用和用法。

1. beforeSend 回調函數

$.ajax({
url: "example.php",
beforeSend: function(xhr) {
// 請求發送之前的處理
},
success: function(data) {
// 請求成功的處理
},
error: function(xhr, status, error) {
// 請求失敗的處理
}
});

在發送 AJAX 請求之前，可以使用 beforeSend 回調函數進行一些預處理操作，比如在請求頭中設置一些自定義的信息。例如，可以在發送請求之前向請求頭中添加身份驗證信息或指定數據類型。

2. success 回調函數

$.ajax({
url: "example.php",
success: function(data) {
// 請求成功的處理
}
});

成功接收服務器響應后，將觸發 success 回調函數。在這個回調函數中，可以對服務器返回的數據做進一步的處理，比如將數據展示在頁面上或者根據數據做一些其他操作。

3. error 回調函數

$.ajax({
url: "example.php",
error: function(xhr, status, error) {
// 請求失敗的處理
}
});

如果 AJAX 請求出現錯誤，比如網絡錯誤或服務器返回錯誤碼，就會觸發 error 回調函數。在這個回調函數中，可以根據錯誤信息進行相應的處理，比如提示用戶請求失敗或記錄錯誤日志。

4. complete 回調函數

$.ajax({
url: "example.php",
complete: function(xhr, status) {
// 請求完成后的處理
}
});

不論請求成功或失敗，只要請求完成，就會觸發 complete 回調函數。這個函數在 success 或 error 回調函數之后調用。在 complete 回調函數中，可以進行一些資源釋放或清理的操作。例如，關閉加載動畫、解綁事件等。

5. timeout 回調函數

$.ajax({
url: "example.php",
timeout: 5000,
error: function(xhr, status, error) {
if (status === "timeout") {
// 請求超時的處理
} else {
// 其他錯誤的處理
}
}
});

如果在指定的時間內沒有收到服務器響應，就會觸發 timeout 回調函數。在這個函數中，可以根據不同的超時情況進行相應的處理，例如顯示超時提示或重試請求。

6. beforeSend, success, error, complete 的執行順序

當 AJAX 請求發送時，它們的執行順序如下：

beforeSend ->success/error ->complete

先執行 beforeSend 回調函數進行預處理，接著根據請求是否成功執行 success 或 error 回調函數，最后執行 complete 回調函數。這樣的順序確保了在請求完成后無論成功或失敗，都能執行相應的操作。

總結起來，AJAX 中常用的回調函數有 beforeSend、success、error、complete 和 timeout。它們各自負責不同的處理任務，從發送請求前的預處理到請求完成后的清理工作，這些回調函數為我們提供了靈活的控制和處理請求的方式。