Ajax（Asynchronous JavaScript and XML）是一種用于在網頁上進行異步通信的技術。通過Ajax，網頁可以實現部分刷新，而無需重新加載整個頁面。這一技術的核心是使用callback回調函數來處理從服務器獲取到的數據。

在使用Ajax進行異步通信時，callback函數扮演著非常重要的角色。當客戶端向服務器發起請求時，服務器會在后臺進行處理，并將處理好的數據返回給客戶端。當數據返回到客戶端時，callback函數會被調用，并將服務器返回的數據作為參數傳遞給該函數。通過callback函數，我們可以對從服務器返回的數據進行處理，更新頁面內容并響應用戶的操作。

舉個例子來說明，在一個網頁上點擊一個按鈕，通過Ajax向服務器發送一個HTTP請求，并獲取一個計算后的結果。首先，我們可以創建一個函數來處理這個請求：

function sendRequest() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/calculate', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var result = xhr.responseText;
updatePage(result);
}
};
xhr.send();
}

上述代碼中的sendRequest函數使用了XMLHttpRequest對象來發送一個GET請求，請求的地址是http://example.com/calculate。在onreadystatechange事件中，我們對服務器返回的數據進行處理。當readyState等于4且status等于200時，表示服務器返回的數據已經準備好并且請求成功，我們可以通過xhr.responseText獲取到服務器返回的結果。然后，我們可以調用updatePage函數，將結果更新到頁面上。

那么，在updatePage函數中我們可以做些什么呢？假設我們有一個

<div id="result"></div>

function updatePage(result) {
document.getElementById('result').innerHTML = result;
}