AJAX（Asynchronous JavaScript and XML）是一種在網頁中進行異步通信的技術，它可以在不刷新整個頁面的情況下，向服務器發送請求并獲取響應的數據。在使用AJAX時，我們經常需要獲取服務器返回的數據，本文將介紹不同的方式來獲取AJAX返回的數據。

首先，我們可以使用回調函數來處理AJAX返回的數據。回調函數是一種在特定事件發生后被調用的函數。當AJAX請求完成后，服務器返回的數據將作為參數傳遞給回調函數，我們可以在回調函數中對返回的數據進行處理。

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 發送AJAX請求
xhr.open('GET', 'xxx.php');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 回調函數
handleResponse(xhr.responseText);
}
};
xhr.send();
// 回調函數處理返回的數據
function handleResponse(data) {
console.log(data);
}

例如，我們可以通過AJAX從服務器獲取某個用戶的信息，并在頁面上顯示出來。假設服務器返回的數據格式為JSON：

{
"name": "John",
"age": 25,
"city": "New York"
}

我們可以編寫如下的回調函數來處理返回的數據：

function handleResponse(data) {
// 將返回的JSON字符串解析為JavaScript對象
var user = JSON.parse(data);
// 在頁面上顯示用戶信息
var userInfo = document.getElementById('user-info');
userInfo.innerHTML = 'Name: ' + user.name + '
Age: ' + user.age + '
City: ' + user.city;
}

另一種獲取AJAX返回的數據的方式是使用Promise對象。Promise是一種用于包裝異步操作結果的對象，它可以用來處理AJAX請求的響應。我們可以通過Promise的then方法來處理AJAX請求成功時返回的數據。

function getResponse() {
return new Promise(function(resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'xxx.php');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
resolve(xhr.responseText);
} else {
reject(xhr.status);
}
}
};
xhr.send();
});
}
getResponse().then(function(data) {
console.log(data);
}).catch(function(status) {
console.log('Error: ' + status);
});

使用Promise可以更好地管理異步操作的結果，并且可以鏈式調用多個then方法來處理不同的操作。

另外，我們還可以使用ES7引入的async/await語法來獲取AJAX返回的數據。async/await是一種更加簡潔易讀的異步編程語法，它可以在函數內部以同步的方式來處理異步操作。

async function getData() {
try {
var response = await fetch('xxx.php');
var data = await response.text();
console.log(data);
} catch (error) {
console.log('Error: ' + error);
}
}
getData();

上述代碼中，使用了fetch函數來發送AJAX請求并獲取響應的數據。在使用await關鍵字時，需要將包含await的代碼放在async函數內部。使用try/catch塊可以捕獲異步操作中的錯誤。

綜上所述，通過回調函數、Promise對象和async/await語法，我們可以方便地獲取AJAX返回的數據。根據實際情況選擇合適的方式來處理AJAX請求的響應，可以提高頁面的效率和用戶體驗。