在Web開發中，AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的技術。它通過在后臺與服務器進行數據交換，無需刷新整個頁面就能更新部分頁面內容。在AJAX中最常見的數據類型是JSON（JavaScript Object Notation），它可以表示JavaScript對象的集合。本文將介紹如何使用AJAX接收并處理服務器返回的List集合數據。 當我們向服務器發送AJAX請求并期望返回一個List集合時，服務器通常會將該List轉換為JSON格式進行傳輸。在前端JavaScript代碼中，我們可以通過AJAX對象的open()和send()方法來異步發送請求，并通過onreadystatechange事件來監控服務器的響應。 假設我們有一個簡單的任務列表應用程序，每個任務有一個唯一的任務ID和一個描述。我們希望從服務器獲取所有任務，并在頁面上顯示出來。以下是一個示例的HTML頁面結構：

任務列表：

我們可以使用以下JavaScript代碼來實現AJAX從服務器接收List集合并將其顯示在頁面上：

var xhr = new XMLHttpRequest();  // 創建AJAX對象
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {  // 當服務器響應成功
var taskList = JSON.parse(xhr.responseText);  // 將服務器返回的JSON數據轉換為JavaScript對象
var taskListElement = document.getElementById("taskList");  // 獲取任務列表元素
for (var i = 0; i < taskList.length; i++) {  // 遍歷任務列表數組
var task = taskList[i];  // 獲取當前任務對象
taskListElement.innerHTML += task.id + ": " + task.description + "<br>";  // 在任務列表元素中添加任務描述
}
}
};
xhr.open("GET", "/tasks", true);  // 創建一個GET請求，請求/tasks路徑
xhr.send();  // 發送請求

在上述代碼中，我們首先創建了一個XMLHttpRequest對象（通常簡寫為xhr），并為其onreadystatechange事件綁定了一個回調函數。在回調函數中，我們首先判斷服務器的響應是否成功（readyState等于4且status等于200）。如果是，我們使用JSON.parse()方法將服務器返回的JSON數據轉換為JavaScript對象。然后，我們獲取到任務列表元素并使用一個循環來遍歷任務列表數組，并將任務的ID和描述添加到任務列表元素中。 在實際應用中，上述示例代碼中的請求URL（/tasks）應該根據實際的服務器端配置進行適當修改。此外，我們還可以通過AJAX的POST請求發送數據給服務器，比如添加新的任務到任務列表。 總結起來，使用AJAX接收服務器返回的List集合需要以下步驟：創建一個XMLHttpRequest對象，設置其onreadystatechange事件的回調函數，發送AJAX請求，解析服務器返回的JSON數據，并將數據渲染到頁面中。通過這種方式，我們可以實現動態更新網頁內容而無需刷新整個頁面，提供更好的用戶體驗。