Ajax（Asynchronous JavaScript and XML）是一種用于創建快速和動態網頁的技術。在Ajax中，回調函數（callback function）是一種核心機制，用于處理異步請求返回的數據。回調函數在請求完成后被調用，以執行特定的操作。本文將介紹回調函數的作用及其在Ajax中的使用。

回調函數的主要作用是在異步請求完成后，處理返回的數據。它可以執行各種不同的操作，如更新頁面內容、顯示錯誤提示或執行其他函數。在Ajax中，回調函數通常作為參數傳遞給XMLHttpRequest對象的相關方法，以便在請求完成后調用。

以下是一個簡單的例子來說明回調函數在Ajax中的使用：

function fetchData(callback) {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方式和URL
xhr.open('GET', 'https://api.example.com/data', true);
// 監聽請求狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 請求成功，調用回調函數并傳入返回的數據
callback(xhr.responseText);
}
};
// 發送請求
xhr.send();
}
// 定義一個回調函數，處理返回的數據
function handleData(data) {
// 在頁面中顯示數據
document.getElementById('result').innerHTML = data;
}
// 調用fetchData函數，并將handleData作為回調函數傳入
fetchData(handleData);

在上面的例子中，我們定義了一個名為fetchData的函數，該函數接受一個回調函數作為參數。在函數內部，我們創建了一個XMLHttpRequest對象，并發送一個異步請求。當請求完成后，我們利用onreadystatechange事件監聽器來檢查請求的狀態。

當xhr.readyState等于4（請求已完成）并且xhr.status等于200（請求成功）時，我們調用傳入的回調函數，并將返回的數據作為參數傳遞給它。在這個例子中，回調函數handleData根據返回的數據更新頁面中的內容。我們將回調函數handleData傳遞給fetchData函數，以確保在請求完成后調用它。

回調函數的作用不僅限于更新頁面內容，還可以執行其他操作。例如，可以在回調函數中對返回的數據進行處理和驗證，或者觸發其他函數來處理數據。

總而言之，回調函數在Ajax中起著至關重要的作用。它允許我們在異步請求結束后執行特定的操作，并對返回的數據進行處理。回調函數的使用，使得Ajax成為一種強大且靈活的技術，用于創建交互性和動態性的網頁。