AJAX(Asynchronous JavaScript and XML) 是一種在Web應用中進行異步請求的技術，它能夠在不刷新整個頁面的情況下，與服務器進行通信并更新部分頁面內容。在AJAX中，回調函數起著非常重要的作用。本文將詳細介紹什么時候執行回調函數，并通過舉例來說明。

在AJAX中，回調函數通常在異步請求的操作完成后執行。換句話說，當服務器響應完請求并返回數據時，回調函數才會被觸發。這種機制可以確保在獲取服務器響應數據后，我們可以靈活地處理以實現動態更新頁面的目的。

舉個例子，假設我們正在開發一個簡單的天氣預報應用。用戶可以輸入城市名稱來獲取對應城市的天氣信息。在用戶點擊搜索按鈕后，我們會發送一個AJAX請求給服務器，請求城市的天氣數據。當服務器成功返回天氣數據時，我們定義的回調函數將被執行。在回調函數中，我們可以將返回的數據渲染到頁面上，讓用戶看到實時的天氣信息。

function getWeather(city, callback) {
// 發送AJAX請求給服務器獲取天氣數據
// ...
// 當請求成功后，執行回調函數
callback(response);
}
function updateWeather(data) {
// 渲染天氣數據到頁面
// ...
}
// 用戶點擊搜索按鈕時觸發請求
document.getElementById("searchButton").addEventListener("click", function() {
var city = document.getElementById("cityInput").value;
getWeather(city, updateWeather); // 參數updateWeather作為回調函數
});

值得注意的是，回調函數不僅僅是在請求成功時執行，還可以處理請求失敗的情況。當AJAX請求遭遇錯誤，比如網絡連接中斷或者服務器未響應時，也會觸發定義的回調函數，這樣我們可以在回調函數中進行錯誤處理并給用戶適當的提示。

繼續以天氣預報應用為例，假設服務器返回的天氣數據是一個JSON格式的對象。我們可以在回調函數中檢查返回數據的有效性，以便在錯誤情況下給用戶合適的反饋信息。

function getWeather(city, successCallback, errorCallback) {
// 發送AJAX請求給服務器獲取天氣數據
// ...
if (success) {
successCallback(response); // 請求成功則執行成功回調函數
} else {
errorCallback(errorMessage); // 請求失敗則執行錯誤回調函數
}
}
function updateWeather(data) {
// 渲染天氣數據到頁面
// ...
}
function handleRequestError(error) {
// 處理請求錯誤，給用戶提示
// ...
}
// 用戶點擊搜索按鈕時觸發請求
document.getElementById("searchButton").addEventListener("click", function() {
var city = document.getElementById("cityInput").value;
getWeather(city, updateWeather, handleRequestError); // 成功回調函數和錯誤回調函數作為參數傳遞
});

在上述代碼中，我們將兩個回調函數（一個成功回調函數和一個錯誤回調函數）作為參數傳遞給了getWeather函數。當請求成功時，成功回調函數updateWeather將被執行；當請求失敗時，錯誤回調函數handleRequestError將被執行。

總之，AJAX回調函數在異步請求的操作完成后執行，它可以處理服務器成功返回數據的情況，也可以處理請求失敗的情況。通過合理使用回調函數，我們可以在Web應用中實現更加靈活和動態的交互效果。