AJAX（Asynchronous JavaScript and XML）是一種用于進行異步請求的技術，它可以在不刷新整個頁面的情況下，與服務器進行數據交互。在進行AJAX異步請求時，服務器會返回一個值，我們可以通過不同的方式獲取這個返回值。本文將重點討論AJAX異步請求如何返回值，并通過舉例說明不同的方法。

首先，最常見的獲取AJAX返回值的方法是通過回調函數。例如：

const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = xhr.responseText;
console.log(response);
}
};
xhr.open("GET", "https://api.example.com/data", true);
xhr.send();

在上述代碼中，XMLHttpRequest對象會發送一個GET請求到指定的URL，當服務器返回響應時，必須等到readyState為4并且status為200才會執行回調函數。在回調函數內部，我們可以通過xhr.responseText獲取到服務器返回的值，并將其打印到控制臺中。

另一種常用的方法是通過Promise對象來獲取AJAX返回值。例如：

function getData() {
return new Promise(function(resolve, reject) {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
resolve(xhr.responseText);
} else {
reject(xhr.statusText);
}
}
};
xhr.open("GET", "https://api.example.com/data", true);
xhr.send();
});
}
getData().then(function(response) {
console.log(response);
}).catch(function(error) {
console.log(error);
});

在上述代碼中，我們使用Promise對象來封裝AJAX請求。resolve函數用于處理成功的情況，reject函數用于處理失敗的情況。通過調用getData函數，我們可以獲取到AJAX返回的值并進行相應的處理。在then方法中，我們可以獲取到成功情況下的返回值，并在catch方法中處理失敗情況。

除了以上兩種方法，我們還可以使用現代框架中提供的功能來獲取AJAX返回值，如jQuery的$.ajax方法或Axios庫等。這些框架和庫通常封裝了AJAX請求過程，并提供了簡潔易用的API來獲取返回值。例如：

$.ajax({
url: "https://api.example.com/data",
method: "GET",
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log(error);
}
});

在上述代碼中，我們使用了jQuery的$.ajax方法來發送一個GET請求，并通過success回調函數獲取到返回的值。類似地，我們也可以使用Axios庫來進行AJAX請求：

axios.get("https://api.example.com/data")
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});

以上示例說明了幾種常見的獲取AJAX返回值的方式。無論是通過回調函數、Promise對象，還是借助現代框架和庫，我們可以根據具體的需求選擇最合適的方法來獲取返回值。使用AJAX進行異步請求，可以提高用戶體驗，減少頁面刷新次數，同時獲取返回值的靈活性也為開發者提供了更多的選擇。