Ajax是一種用于在網頁中異步獲取數據的技術。它通過在網頁中與服務器進行通信，實現無需刷新整個頁面即可動態更新內容的效果。在應用Ajax時，我們經常會遇到需要從服務器獲取列表數據的情況。本文將介紹如何使用Ajax從服務器取得列表數據，并通過舉例說明其使用方法和步驟。

假設我們有一個電影評分網站，需要在網頁上顯示最近上映的電影列表。我們可以通過Ajax從服務器獲取電影列表數據，并將其展示在網頁上。以下是使用Ajax獲取電影列表數據的步驟：

1. 創建XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

2. 創建用于處理服務器響應的回調函數：

xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 在這里處理服務器返回的數據
} else {
// 在這里處理請求失敗的情況
}
}
};

3. 發送Ajax請求：

xhr.open('GET', 'http://example.com/movies', true);
xhr.send();

在第一步中，我們創建了一個XMLHttpRequest對象xhr，它用于向服務器發送請求和處理響應。在第二步中，我們定義了一個回調函數，它會在接收到服務器響應時被調用。在這個回調函數中，我們可以根據服務器返回的數據來更新網頁上的內容。在第三步中，我們使用xhr.open()方法指定請求的類型（GET或POST）以及請求的URL。然后，我們使用xhr.send()方法發送請求到服務器。

現在，讓我們看一下如何在實際代碼中使用Ajax獲取電影列表數據的例子：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var movies = JSON.parse(xhr.responseText);
for (var i = 0; i < movies.length; i++) {
// 在這里根據movies數組的元素來更新網頁上的內容
}
} else {
console.log('請求失敗');
}
}
};
xhr.open('GET', 'http://example.com/movies', true);
xhr.send();

在這個例子中，我們假設服務器返回的電影列表數據是一個包含多個電影對象的JSON數組。在請求成功后，我們使用JSON.parse()方法將服務器返回的JSON字符串轉換為JavaScript對象，然后通過遍歷電影數組來更新網頁上的內容。

總而言之，使用Ajax可以方便地從服務器獲取列表數據，并實現網頁內容的動態更新。通過創建XMLHttpRequest對象、定義回調函數以及發送Ajax請求，我們可以輕松地異步獲取并處理服務器返回的數據。