AJAX（Asynchronous JavaScript and XML）是一種在網頁中實現異步通信的技術，它允許用戶在不刷新整個頁面的情況下向服務器發送請求，并獲取返回的數據。在AJAX請求中，通常會使用回調函數來處理返回值。通過回調函數，我們可以在獲取到數據后對其進行操作，并將操作后的結果展示給用戶。本文將討論如何使用AJAX回調函數獲取返回值，并通過舉例說明其應用。

例如，我們要在網頁中展示當前時間。我們可以通過AJAX請求向服務器發送一個獲取時間的請求，并在獲取到時間后將其展示給用戶。具體代碼如下：

function getTime() {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 定義回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var time = xhr.responseText;
document.getElementById("time").innerHTML = time;
}
};
// 發送請求
xhr.open("GET", "getTime.php", true);
xhr.send();
}
// 調用函數獲取時間
getTime();

在上述代碼中，我們使用了XMLHttpRequest對象創建了一個AJAX請求。回調函數xhr.onreadystatechange會在請求的狀態發生改變時被觸發。當讀取操作完成且響應已成功返回時（xhr.readyState === 4 && xhr.status === 200），我們將獲取到的時間賦值給id為"time"的HTML元素。

另一個常見的應用是在AJAX請求中使用回調函數處理錯誤。例如，我們要向服務器發送一個保存用戶數據的請求，并在發生錯誤時提示用戶。具體代碼如下：

function saveData(data) {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 定義回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
alert("保存成功！");
} else {
alert("保存失敗，請稍后再試。");
}
}
};
// 發送請求
xhr.open("POST", "saveData.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("data=" + data);
}
// 調用函數保存數據
saveData("example data");

在上述代碼中，我們依然使用了XMLHttpRequest對象創建了一個AJAX請求。回調函數xhr.onreadystatechange在請求完成后被觸發，如果xhr.status為200，意味著請求成功，我們會提示用戶保存成功；否則，我們會提示保存失敗。

除了使用原生的XMLHttpRequest對象，我們還可以使用其他庫或框架來簡化AJAX請求的代碼。例如，使用jQuery庫進行AJAX請求，我們可以通過.done()方法來指定請求成功后的回調函數，通過.fail()方法來指定請求失敗后的回調函數。具體代碼如下：

$.ajax({
url: "getData.php",
type: "GET",
dataType: "json"
})
.done(function(data) {
console.log("獲取數據成功：", data);
})
.fail(function() {
console.log("獲取數據失敗！");
});

在上述代碼中，我們使用了jQuery的.ajax()方法發起了一個GET請求，并指定了成功和失敗時的回調函數。當請求成功時，回調函數.done()會被觸發，我們在控制臺輸出獲取到的數據；當請求失敗時，回調函數.fail()會被觸發，我們在控制臺輸出失敗信息。

總結來說，使用AJAX請求時，回調函數起到了至關重要的作用。通過回調函數，我們可以在獲取到返回值后對其進行操作，并將操作結果展示給用戶。同時，我們還可以利用回調函數處理錯誤，保證用戶在發生錯誤時能夠得到相應的提示。無論是使用原生的XMLHttpRequest對象還是其他庫或框架，掌握AJAX回調函數的使用方法對于實現動態網頁具有重要意義。