AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上進行異步通信的技術。它能夠在頁面不刷新的情況下向服務器發送請求并接收返回的數據。在本文中，我們將介紹如何使用 AJAX 接收返回的值，并通過舉例說明它的工作原理。

在使用 AJAX 接收返回的值之前，首先需要發送一個異步請求到服務器。這可以通過使用 XMLHttpRequest 對象來實現。下面是一個例子：

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.php", true);
xhr.send();

在上面的代碼中，我們創建了一個 XMLHttpRequest 對象，并使用open方法指定了請求的方法、URL 和是否異步。然后我們使用send方法發送請求。接下來，我們需要監聽onreadystatechange事件以處理服務器返回的數據：

xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
// 在這里處理返回的值
}
};

在上面的代碼中，我們在onreadystatechange事件中判斷了請求的狀態和響應的狀態碼。當請求完成并且狀態碼為 200 時，表示請求成功，并且服務器返回了數據。我們可以通過responseText屬性獲取服務器返回的值。

下面我們通過一個例子來更加具體地說明 AJAX 如何接收返回的值。

假設我們有一個在線評論系統，用戶可以在頁面上發表評論，并可以查看最新的評論。在這個系統中，我們可以通過 AJAX 在不刷新頁面的情況下顯示最新的評論。我們可以使用以下代碼來實現：

var xhr = new XMLHttpRequest();
xhr.open("GET", "getComments.php", true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
// 將返回的值轉換為 JavaScript 對象
var comments = JSON.parse(response);
// 循環遍歷評論，并顯示在頁面上
for (var i = 0; i< comments.length; i++) {
var comment = comments[i];
var commentElement = document.createElement("div");
commentElement.innerHTML = comment.content;
document.body.appendChild(commentElement);
}
}
};

在上面的代碼中，我們創建了一個 XMLHttpRequest 對象，并發送一個 GET 請求到getComments.php頁面。當請求成功并且返回的狀態碼為 200 時，我們通過JSON.parse()方法將返回的值轉換為 JavaScript 對象。然后，我們循環遍歷評論，在頁面上創建一個新的div元素，并將評論的內容添加到其中，最后將該元素添加到頁面的body中。

通過以上例子，我們可以看到，在 AJAX 中，我們可以通過監聽事件來接收返回的值，然后根據需要進行處理。這樣就能夠實現在不刷新頁面的情況下，動態地獲取和顯示數據。

綜上所述，我們介紹了使用 AJAX 接收返回的值的方法，并通過一個具體的例子來說明它的工作原理。在實際應用中，我們可以根據需求靈活運用 AJAX 技術，增強用戶體驗，提高網站的性能。