在使用AJAX進行異步請求時，我們可以通過回調函數來獲取服務器返回的數據。回調函數是一種特殊的函數，它被作為參數傳遞給AJAX請求函數，并在請求成功后被調用。在回調函數中，我們可以獲取服務器返回的數據，并對其進行處理。 例如，我們可以使用AJAX發送一個GET請求獲取服務器上的數據，并在請求成功后將數據顯示在頁面上。以下是一個例子： ```javascript function getData() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/data', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = xhr.responseText; // 在這里對數據進行處理 document.getElementById('result').innerHTML = data; } }; xhr.send(); } ``` 在上面的例子中，我們定義了一個`getData`函數，它使用AJAX發送了一個GET請求到`http://example.com/data`。在請求成功后，回調函數會被調用，我們可以通過`xhr.responseText`獲取服務器返回的數據，并將其顯示在頁面上。 在實際開發中，我們常常需要將獲取到的數據進行進一步處理，比如解析JSON數據、更新頁面內容等。假設服務器返回的是一個JSON字符串，我們可以使用`JSON.parse()`函數將其轉換為JavaScript對象，然后根據需要提取其中的值。 ```javascript function getData() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/data', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); var value = data.value; // 在這里對value進行進一步處理 document.getElementById('result').innerHTML = value; } }; xhr.send(); } ``` 在上面的例子中，假設服務器返回的JSON字符串中有一個鍵為`value`的字段，我們可以通過`data.value`來獲取該值，并進行進一步處理。 需要注意的是，由于AJAX是異步請求，所以我們不能直接將獲取到的值賦給一個全局變量，而是需要在回調函數中進行處理。例如，以下是一個錯誤的例子： ```javascript var value; function getData() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/data', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); value = data.value; } }; xhr.send(); } getData(); console.log(value); // 輸出undefined ``` 在上面的例子中，我們在調用`getData`函數后立即輸出`value`的值，由于AJAX請求是異步的，此時`value`的值還沒有被賦值，所以輸出的結果是`undefined`。 總而言之，通過回調函數我們可以獲取AJAX請求返回的值，并對其進行處理。在回調函數中，我們可以使用`xhr.responseText`來獲取服務器返回的原始數據，或者通過解析JSON等格式將其轉換為JavaScript對象，然后根據需要提取其中的值。需要注意的是，在處理AJAX請求的返回值時，我們需要將處理邏輯放在回調函數中，以確保在數據返回后再進行相應處理。