AJAX（Asynchronous JavaScript and XML）是一種在網頁中進行異步數據交換的技術。在使用AJAX時，我們可以通過callback函數來處理服務器端返回的數據。callback函數在AJAX中起到了至關重要的作用，它會根據不同的情況被觸發，并執行相應的操作。在本文中，我們將介紹AJAX中幾種常見的callback函數，并通過舉例說明其用法和作用。

1. success callback

success callback函數是在AJAX請求成功得到服務器響應時被觸發的。該函數向用戶提供了服務器返回的數據。下面是一個例子，演示了如何使用success callback函數：

$.ajax({
url: "example.com",
success: function(data){
alert("請求成功！" + data);
}
});

在上述例子中，我們向"http://example.com"發出了一個AJAX請求，并將返回的數據打印在一個彈窗中。

2. error callback

error callback函數是在AJAX請求發生錯誤時被觸發的。該函數可以用來處理錯誤信息，幫助用戶快速定位問題所在。以下是一個使用error callback函數的例子：

$.ajax({
url: "example.com",
error: function(xhr, status, error){
alert("請求發生錯誤！" + error);
}
});

在這個例子中，如果AJAX請求返回了一個錯誤，例如404 Not Found，我們將彈出一個警告框顯示錯誤信息。

3. complete callback

complete callback函數是在AJAX請求完成后無論結果是成功還是失敗都會被觸發的。一般用于清理資源或執行一些收尾工作。以下是一個使用complete callback函數的例子：

$.ajax({
url: "example.com",
complete: function(){
console.log("請求完成！");
}
});

在上述例子中，無論請求是否成功，我們都會在控制臺輸出"請求完成！"。

4. beforeSend callback

beforeSend callback函數在發送AJAX請求之前被觸發，可以用來修改請求參數，如添加自定義的HTTP頭信息。以下是一個使用beforeSend callback函數的例子：

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

在這個例子中，我們通過beforeSend callback函數在發送AJAX請求之前設置了"Authorization"頭信息，并附帶了一個token。

通過上述幾個例子，我們可以看到不同的callback函數在AJAX中的應用和作用。使用callback函數可以更靈活地處理服務器返回的數據，提供更好的用戶體驗。當然，我們還可以自己定義其他的callback函數，根據實際需求來靈活應用。