AJAX（Asynchronous JavaScript and XML）是一種用于在Web上進行異步請求和更新頁面的技術。通過使用AJAX，我們可以在不重新加載整個頁面的情況下向服務器請求數據，并將返回的數據動態添加到頁面中。在本文中，我們將討論如何使用AJAX接收返回list值并在頁面上進行處理。

假設我們有一個學生成績查詢的網站，我們希望通過AJAX從服務器獲取學生的成績列表，并將每個學生的姓名和成績顯示在頁面上。我們可以使用一個簡單的示例來說明這個過程。

首先，我們需要在頁面上創建一個用于顯示學生成績的容器，例如一個div元素：

<div id="scoresContainer"></div>

然后，我們可以編寫以下的AJAX請求函數來從服務器獲取學生成績列表：

function getScores() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var scores = JSON.parse(xhr.responseText);
displayScores(scores);
}
};
xhr.open("GET", "get_scores.php", true);
xhr.send();
}

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，并定義了一個回調函數來處理服務器的響應。當服務器返回數據時，我們將數據解析為JSON格式，并調用一個名為displayScores的函數來顯示學生的成績。

接下來，我們需要編寫一個displayScores函數來將學生的成績顯示在頁面上。我們可以通過創建表格來實現這個目標：

function displayScores(scores) {
var scoresContainer = document.getElementById("scoresContainer");
var table = document.createElement("table");
for (var i = 0; i < scores.length; i++) {
var row = table.insertRow(i);
var nameCell = row.insertCell(0);
var scoreCell = row.insertCell(1);
nameCell.innerHTML = scores[i].name;
scoreCell.innerHTML = scores[i].score;
}
scoresContainer.appendChild(table);
}

在上面的代碼中，我們首先獲取了用于顯示學生成績的容器，然后創建了一個table元素，并在循環中為每個學生創建一個表格行（tr元素）。在每個表格行中，我們還創建了一個表格單元格（td元素），并將學生的姓名和成績設置為表格單元格的內容。最后，我們將table元素添加到scoresContainer容器中。

最后，我們需要調用getScores函數來觸發AJAX請求：

getScores();

當我們在瀏覽器中加載頁面時，AJAX請求將被發送到服務器，并從服務器獲取學生成績列表。一旦服務器返回數據，我們使用displayScores函數將學生的成績顯示在頁面上。

總之，使用AJAX接收返回list值是一種強大的技術，它使我們能夠動態地向頁面中添加數據，而無需重新加載整個頁面。通過在頁面上顯示學生成績的例子，我們可以清楚地看到AJAX的應用和好處。希望本文能幫助您更好地理解AJAX的用法。