AJAX（Asynchronous JavaScript and XML）是一種用于在不重新加載整個頁面的情況下，通過與服務器進行數據交互來動態更新網頁的技術。在使用AJAX時，我們經常需要取回服務器返回的數據，然后在網頁上進行展示和處理。本文將介紹如何通過AJAX取回返回的數據，并給出一些示例來幫助讀者更好地理解。

在AJAX中，我們通常使用XMLHttpRequest對象來發送一個HTTP請求并接收服務器返回的數據。一旦我們收到了服務器返回的數據，我們可以通過一系列的方法來對數據進行處理。

首先，我們可以通過readyState來判斷請求的狀態。當readyState等于4時，表示請求已完成并且響應已就緒。這時我們可以使用status來檢查響應的HTTP狀態碼，以確保請求成功。如果status等于200，表示請求成功。以下是一個使用AJAX從服務器獲取數據并在網頁上展示的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = xhr.responseText;
document.getElementById("result").innerHTML = data;
}
};
xhr.open("GET", "example.com/data", true);
xhr.send();

在上面的示例中，我們首先創建了一個XMLHttpRequest對象，并使用onreadystatechange事件監聽器來處理響應的數據。在readyState等于4并且status等于200時，我們將響應的數據賦值給一個變量，并將其展示在id為"result"的元素上。

除了使用responseText來獲取服務器返回的數據外，我們還可以使用responseXML來獲取一個XML對象。這在處理XML數據時非常有用。以下是一個獲取XML數據并在網頁上展示的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var xmlDoc = xhr.responseXML;
var title = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
document.getElementById("result").innerHTML = title;
}
};
xhr.open("GET", "example.com/data.xml", true);
xhr.send();

在上面的示例中，我們首先獲取了一個XML文檔，并使用getElementsByTagName方法選擇了名為"title"的元素。然后，我們通過childNodes和nodeValue來獲取這個元素的值，并將其展示在網頁上。

除了獲取普通的文本或者XML數據外，我們還可以通過responseType屬性來指定獲取不同類型的數據。以下是一個獲取JSON數據并在網頁上展示的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var jsonData = JSON.parse(xhr.responseText);
document.getElementById("result").innerHTML = jsonData.name;
}
};
xhr.open("GET", "example.com/data.json", true);
xhr.send();

在上面的示例中，我們首先使用JSON.parse方法將服務器返回的JSON字符串解析為JavaScript對象。然后，我們可以通過訪問該對象的屬性來獲取數據，并將其展示在網頁上。

通過上面的示例，我們可以看到如何使用AJAX來取回服務器返回的數據。無論是普通文本、XML還是JSON數據，我們都可以通過適當的方法和處理來獲取并在網頁上展示。這使得網頁的交互更加豐富多樣，并且提供了更好的用戶體驗。