AJAX（Asynchronous JavaScript and XML）可以將網站從傳統(tǒng)的同步請求模式轉變?yōu)楫惒秸埱竽Ｊ剑瑥亩岣呒虞d速度和用戶體驗。其中回調函數(shù)是 AJAX 中非常重要的一個概念，通過回調函數(shù)將數(shù)據(jù)傳遞給 HTML 頁面進行渲染。

function loadData() {
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (this.readyState === 4 && this.status === 200) {
callback(this.responseText);
}
}
xhr.open('GET', 'yourDataUrl');
xhr.send(null);
}
function callback(data) {
let output = document.getElementById('output');
// 處理數(shù)據(jù)，渲染 HTML
output.innerHTML = data;
}

在上面的代碼中，我們定義了一個 loadData 函數(shù)，該函數(shù)用 AJAX 發(fā)送 GET 請求到服務器獲取數(shù)據(jù)。在 AJAX 請求的回調函數(shù)中，如果 readyState 為 4（請求已完成）并且 status 為 200（服務器已成功響應請求），則調用回調函數(shù) callback 并將響應數(shù)據(jù)傳遞給它。

在回調函數(shù)中，我們可以使用 DOM 操作或其他渲染方式將數(shù)據(jù)呈現(xiàn)在頁面上。在這個例子中，我們使用了 innerHTML 將數(shù)據(jù)填充到 id 為 output 的 HTML 元素中。

需要注意的是，在 AJAX 中回調函數(shù)通常是異步執(zhí)行的。這意味著如果我們在回調函數(shù)中嘗試操作尚未加載完成的 HTML 元素，可能會導致錯誤。因此，我們在寫回調函數(shù)的時候需要謹慎處理。