在前端開發中，Ajax 是一種非常常見的技術，可以通過使用 Ajax 異步發送請求，實現頁面的無刷新更新。而在 Ajax 中，$.ajax() 方法是一個非常重要的函數，它用于發送異步的 HTTP 請求。一個 $.ajax() 請求可以包含多個回調函數，這些回調函數可以在請求發送成功或失敗時被觸發。這篇文章將介紹 $.ajax() 的回調函數，并通過舉例來說明它們的用法和作用。

首先，讓我們來看一個基本的 $.ajax() 請求的示例：

$.ajax({
url: "https://api.example.com/data",
method: "GET",
success: function(response) {
console.log("請求成功！", response);
},
error: function(xhr, status, error) {
console.log("請求失敗！", error);
}
});

在上面的例子中，我們發送了一個 GET 請求到 "https://api.example.com/data"，并指定了兩個回調函數：success 和 error。在請求成功時，success 回調函數會被觸發，我們可以在其中處理返回的數據。在請求失敗時，error 回調函數會被觸發，我們可以在其中處理錯誤的信息。

除了 success 和 error 回調函數，$.ajax() 還支持其他幾個常用的回調函數，如：beforeSend、complete 和 statusCode。

beforeSend 回調函數會在請求發送前被觸發，可以在其中執行一些預處理的操作。下面是一個示例：

$.ajax({
url: "https://api.example.com/data",
method: "GET",
beforeSend: function(xhr) {
xhr.setRequestHeader("Authorization", "Bearer token");
},
success: function(response) {
console.log("請求成功！", response);
}
});

在上面的例子中，我們在發送請求前通過 beforeSend 回調函數給請求頭部設置了一個授權信息。這可以用于在發送請求之前添加一些必要的頭部信息。

complete 回調函數會在請求完成后被觸發，不論請求是成功還是失敗。下面是一個示例：

$.ajax({
url: "https://api.example.com/data",
method: "GET",
success: function(response) {
console.log("請求成功！", response);
},
complete: function(xhr, status) {
console.log("請求已完成。");
}
});

在上面的例子中，我們在請求完成后的 complete 回調函數中打印了一個簡單的消息。這在某些情況下可能會很有用，比如我們想在請求完成后執行一些清理操作。

最后，statusCode 回調函數允許我們根據響應的狀態碼來執行不同的操作。下面是一個示例：

$.ajax({
url: "https://api.example.com/data",
method: "GET",
statusCode: {
200: function(response) {
console.log("請求成功！", response);
},
404: function() {
console.log("請求的資源不存在。");
},
500: function() {
console.log("服務器錯誤。");
}
}
});

在上面的例子中，我們通過 statusCode 回調函數分別處理了響應狀態碼為 200、404 和 500 的情況。對于不同的狀態碼，我們可以執行不同的操作，比如顯示錯誤信息或進行相應的處理。

總之，$.ajax() 的回調函數是非常有用的，在發送異步請求時，我們可以利用這些回調函數來處理請求的結果、錯誤以及一些額外的操作。通過合理地使用這些回調函數，我們可以更好地控制和管理我們的 Ajax 請求。