在前端開發中，Ajax是一種非常常用的技術，它可以實現頁面局部刷新，提高用戶體驗。在使用Ajax發送請求后，我們通常會得到一些返回的數據，這些數據可以是文本、JSON、XML等格式。接下來，我們將探討如何使用Ajax接收返回的值，并給出一些示例。

在Ajax中，我們可以使用XMLHttpRequest對象來發送異步請求，并且可以通過該對象的onreadystatechange事件來監聽服務器端的響應。當服務器有響應返回時，我們可以通過檢查readyState屬性的值來確定請求的狀態，并通過responseText或responseXML屬性來獲取服務器返回的數據。

下面我們用一個簡單的例子來說明如何使用Ajax接收返回的值。我們要通過Ajax從服務器端獲取一個用戶名的例子：

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求地址和請求方法
xhr.open("GET", "http://example.com/getUsername", true);
// 監聽onreadystatechange事件
xhr.onreadystatechange = function() {
// 當請求狀態為4（請求已完成）且響應狀態碼為200（OK）時
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取服務器返回的用戶名
var username = xhr.responseText;
// 在頁面上顯示用戶名
document.getElementById("username").innerText = username;
}
};
// 發送請求
xhr.send();

在上面的例子中，我們首先創建了一個XMLHttpRequest對象并設置請求的地址和請求方法。然后我們通過監聽onreadystatechange事件來處理服務器端的響應。在事件處理函數中，我們首先檢查請求的狀態和響應的狀態碼，確認請求已經完成且響應成功。然后通過responseText屬性獲取到服務器返回的用戶名，并將其顯示到頁面上。

除了通過responseText屬性獲取返回的文本數據外，我們還可以通過responseXML屬性獲取返回的XML數據。下面是一個使用Ajax獲取XML數據的例子：

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求地址和請求方法
xhr.open("GET", "http://example.com/getData", true);
// 監聽onreadystatechange事件
xhr.onreadystatechange = function() {
// 當請求狀態為4（請求已完成）且響應狀態碼為200（OK）時
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取服務器返回的XML數據
var xmlData = xhr.responseXML;
// 遍歷XML數據并處理
var items = xmlData.getElementsByTagName("item");
for (var i = 0; i < items.length; i++) {
var item = items[i];
var title = item.getElementsByTagName("title")[0].textContent;
var link = item.getElementsByTagName("link")[0].textContent;
// 在頁面上顯示標題和鏈接
var listItem = document.createElement("li");
listItem.innerHTML = "<a href=" + link + ">" + title + "</a>";
document.getElementById("list").appendChild(listItem);
}
}
};
// 發送請求
xhr.send();

在上面的例子中，我們通過responseXML屬性獲取到服務器返回的XML數據。然后我們遍歷XML數據，提取出其中的標題和鏈接，并將它們顯示到頁面上。

通過上述示例，我們可以看到如何使用Ajax接收返回的值，并且根據返回值的類型進行相應的處理。無論是文本、JSON還是XML數據，我們都可以通過適當的方法來處理它們，并將它們應用到頁面中。這樣，我們就能充分利用Ajax技術，為用戶提供更好的使用體驗。