隨著Web應用程序變得越來越復雜，前后端數據交互成為一個非常重要的問題。傳統的方式是使用同步請求來獲取數據，但這種方式會導致頁面的等待時間過長，用戶體驗不佳。為了解決這個問題，Ajax（Asynchronous JavaScript and XML）被引入。它允許在后臺異步地向服務器發送請求，并在不刷新整個頁面的情況下更新頁面內容。

在開發過程中，我們經常會遇到需要從服務器獲取多個數據的情況，而且這些數據類型可能不一樣。這里，我們可以使用Ajax來接收一個List的數據。比如說，我們有一個網站，需要顯示一組用戶的信息，包括姓名、年齡和性別。我們可以通過Ajax從服務器獲取這些數據，然后在頁面上動態地渲染出來。

function getUsers() {
$.ajax({
url: '/users',
type: 'GET',
dataType: 'json',
success: function(response) {
if (response["status"] == "success") {
var users = response["users"];
renderUsers(users);
}
}
});
}
function renderUsers(users) {
var userList = $("#userList");
var html = "";
for (var i = 0; i < users.length; i++) {
var user = users[i];
html += "<tr>";
html += "<td>" + user["name"] + "</td>";
html += "<td>" + user["age"] + "</td>";
html += "<td>" + user["gender"] + "</td>";
html += "</tr>";
}
userList.html(html);
}

上面的代碼演示了如何使用Ajax來從服務器獲取用戶數據并動態渲染到頁面上。首先，我們定義了一個函數getUsers()，用于發送Ajax請求。在請求成功后，我們取得服務器返回的users數據，然后調用renderUsers()函數將數據渲染到HTML表格中。

服務器端的代碼可能如下所示：

@RequestMapping(value = "/users", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> getUsers() {
List<Map<String, Object>> users = userService.getUsers();
Map<String, Object> response = new HashMap<>();
response.put("status", "success");
response.put("users", users);
return response;
}

這段代碼展示了服務器端如何處理來自客戶端的請求。在getUsers()方法中，我們首先從數據庫或其他數據源獲取用戶數據，然后將數據以Map的形式返回給客戶端。在返回的Map中，我們將users數據放在一個鍵值對中，并定義了status表示請求狀態的鍵值對。

通過以上的例子，我們可以看到Ajax接收List數據的過程。我們首先定義一個函數來發送Ajax請求，然后在請求成功后獲取到服務器返回的數據，并進行相應的處理和渲染。在服務器端，我們需要處理這個請求并將數據以合適的格式返回給客戶端。

Ajax接收List數據的方法不限于上述例子，它可以靈活地適應不同的場景和需求。我們只需要根據具體的業務需求，在客戶端和服務器端編寫相應的代碼即可。