在現代的Web開發中，Ajax技術的應用已經變得十分廣泛。Ajax可以實現網頁與服務器之間的異步數據傳輸，使得網頁可以在不刷新的情況下動態更新內容。當Ajax請求發送成功后，服務器通常會返回一個數據，這個返回值可以是任意類型的數據，比如字符串、JSON、XML等。本文將探討當Ajax接收到返回值時的處理方法和常見應用場景。

當Ajax請求成功后，返回值通常存儲在請求的responseText屬性中。我們可以通過調用responseText屬性來獲取返回的數據。例如，假設有一個網頁，用于查詢城市天氣狀況。當用戶選擇了某個城市，網頁會通過Ajax向服務器發送查詢請求，并將查詢結果顯示出來。

var xhr = new XMLHttpRequest();
var city = "Beijing";
xhr.open("GET", "https://api.weather.com?city=" + city, true);
xhr.onload = function() {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var temperature = response.temperature;
var weather = response.weather;
document.getElementById("temperature").innerHTML = "當前溫度：" + temperature + "℃";
document.getElementById("weather").innerHTML = "天氣狀況：" + weather;
}
};
xhr.send();

在上述代碼中，當Ajax請求成功后，服務器會返回一個JSON格式的數據。我們通過調用responseText屬性獲取到服務器返回的數據，并使用JSON.parse方法將其轉換為JavaScript對象。然后，我們可以從返回的對象中提取出溫度和天氣信息，并將其顯示在網頁中。

除了顯示數據外，我們還可以根據返回值進行其他操作。例如，假設有一個網頁，用戶可以通過點擊按鈕來點贊某個文章。當用戶點擊按鈕時，Ajax會向服務器發送請求，服務器返回一個狀態碼來表示點贊的結果。

var xhr = new XMLHttpRequest();
var articleId = 123;
xhr.open("POST", "https://api.likes.com", true);
xhr.onload = function() {
if (xhr.status === 200) {
var response = xhr.responseText;
if (response === "success") {
alert("點贊成功！");
} else if (response === "fail") {
alert("點贊失敗，請稍后再試。");
}
}
};
xhr.send("articleId=" + articleId);

在上述代碼中，當Ajax請求成功后，服務器返回一個字符串。我們可以通過調用responseText屬性獲取到服務器返回的數據，并根據返回的值進行不同的操作。在這個例子中，如果返回值是"success"，則彈出提示框顯示點贊成功的消息；如果返回值是"fail"，則彈出提示框顯示點贊失敗的消息。

除了處理成功返回的情況，我們還可以處理其他類型的返回值。例如，有時候服務器會返回一個錯誤碼來表示請求失敗的原因。我們可以根據返回的錯誤碼來進行錯誤處理。

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.data.com", true);
xhr.onload = function() {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理正常返回的數據
} else {
var errorCode = xhr.status;
alert("請求失敗，錯誤碼：" + errorCode);
// 處理錯誤碼
}
};
xhr.send();

在上述代碼中，當Ajax請求成功后，服務器返回狀態碼200，表示請求成功。如果狀態碼不是200，則說明請求失敗，我們可以通過調用status屬性獲取到錯誤碼，并進行相應的錯誤處理。

通過以上示例，我們可以看到當Ajax接收到返回值時的處理方法和常見應用場景。無論是顯示數據、執行特定操作還是處理錯誤，我們都可以根據返回值進行相應的處理，從而增強網頁的交互性和功能性。