在Web開發中，使用Ajax技術來實現異步加載數據是一個常見的需求。而使用Ajax加載列表數據更是常見的情況之一。本文將介紹如何使用Ajax技術來接收列表數據，并通過舉例說明。

假設我們需要從服務器加載一個用戶列表，并將其顯示在網頁上。我們可以使用Ajax來實現這一功能。首先，我們需要一個包含用戶列表的JSON文件，該文件可以通過服務器生成并返回。這個文件應該具有如下的結構：

{
"users": [
{
"id": 1,
"name": "張三",
"age": 20
},
{
"id": 2,
"name": "李四",
"age": 25
},
{
"id": 3,
"name": "王五",
"age": 30
}
]
}

接下來，我們可以使用jQuery的Ajax函數來加載這個JSON文件，并將數據渲染到網頁上的列表中：

$.ajax({
url: "users.json",
dataType: "json",
success: function(data) {
var userList = $("#userList");
data.users.forEach(function(user) {
userList.append("
" + user.name + ", " + user.age + "歲" + "
");
});
}
});

在這段代碼中，我們通過指定URL參數來告訴Ajax函數從哪個URL加載數據。然后，通過設置dataType參數為"json"，我們告訴Ajax函數將數據解析為JSON格式。最后，在success回調函數中，我們遍歷該JSON數據的users屬性，并將每個用戶的姓名和年齡拼接成一個字符串，然后追加到列表中。

當然，實際情況可能更加復雜。例如，如果用戶列表很長，采用一次性加載所有數據可能會導致頁面加載緩慢。這時候，我們可以使用分頁的方式來加載數據，每次只加載一頁的數據。示例如下：

var currentPage = 1;
var itemsPerPage = 10;
function loadUsers(page) {
$.ajax({
url: "users.json",
dataType: "json",
data: {
page: page,
itemsPerPage: itemsPerPage
},
success: function(data) {
var userList = $("#userList");
userList.empty();
data.users.forEach(function(user) {
userList.append("
" + user.name + ", " + user.age + "歲" + "
");
});
}
});
}
// 頁面加載時加載第一頁的數據
loadUsers(currentPage);
// 點擊下一頁按鈕時加載下一頁的數據
$("#nextPageButton").click(function() {
currentPage++;
loadUsers(currentPage);
});

在這段代碼中，我們通過添加兩個變量來控制加載的頁數和每頁的項數。在loadUsers函數中，我們通過將這兩個參數作為查詢字符串的一部分，將它們發送給服務器。然后，在success回調函數中，我們首先清空用戶列表，然后將從服務器返回的數據渲染到列表中。

通過以上示例，我們可以看到如何使用Ajax來接收列表數據，并將其動態地渲染到網頁上。無論是一次性加載所有數據，還是采用分頁加載的方式，Ajax都能夠很好地滿足這一需求。