使用Ajax接收服務器返回的List是一種常見的前端開發模式。Ajax是一種在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交互的技術，使我們能夠實現異步加載和交互式的用戶界面。在本文中，我們將討論如何使用Ajax接收服務器返回的List，并通過舉例說明如何實現這一功能。
在前端開發中，我們經常遇到需要從服務器獲取一組數據并將其顯示在頁面上的需求。例如，使用Ajax獲取一個商品列表，并在頁面上展示每個商品的名稱、價格等信息。讓我們來看一下如何使用Ajax來實現這個功能。
首先，我們需要使用JavaScript創建一個XmlHttpRequest對象。這個對象將充當與服務器進行通信的橋梁。可以使用以下代碼創建XmlHttpRequest對象：

html
<script>
var xmlhttp = new XMLHttpRequest();
</script>

接下來，我們需要指定服務器端代碼的URL地址，并使用XmlHttpRequest對象發送HTTP請求。在這個例子中，我們假設服務器端返回的數據格式為JSON。以下是發送GET請求并接收服務器返回的JSON數據的示例代碼：

html
<script>
xmlhttp.open("GET", "server.php", true);
xmlhttp.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var data = JSON.parse(this.responseText);
// 處理返回的數據
for (var i = 0; i < data.length; i++) {
var product = data[i];
console.log("商品名稱：" + product.name);
console.log("商品價格：" + product.price);
// 在頁面上顯示商品信息
var productDiv = document.createElement("div");
productDiv.innerHTML = "商品名稱：" + product.name + "<br/>商品價格：" + product.price;
document.body.appendChild(productDiv);
}
}
};
xmlhttp.send();
</script>

在上述代碼中，我們使用XmlHttpRequest對象的open方法指定服務器端代碼的URL地址，并使用send方法發送HTTP請求。在onreadystatechange事件回調函數中，判斷請求的就緒狀態是否為4（完成），并且HTTP狀態碼是否為200（成功）。如果滿足這兩個條件，說明服務器返回的數據已經準備就緒，我們可以對返回的數據進行處理。在這個例子中，我們通過循環遍歷返回的數據，并將商品信息顯示在頁面上。
需要注意的是，在實際開發中，服務器端代碼的URL地址需要根據實際情況進行修改，并進行錯誤處理和異常處理。另外，還需要根據返回的數據格式（可能是JSON、XML或其他格式）進行相應的處理。此外，使用jQuery等框架可以更簡化地實現Ajax請求和數據處理。
綜上所述，使用Ajax接收服務器返回的List是一種實現前端與后臺數據交互的常見方式。通過創建XmlHttpRequest對象，發送HTTP請求，并在就緒狀態為4和HTTP狀態碼為200時對返回的數據進行處理，我們可以實現從服務器接收List并在頁面上進行展示的功能。