AJAX（Asynchronous JavaScript and XML）是一種用于在Web頁面上進行異步通信的技術(shù)。它可以使網(wǎng)頁能夠?qū)崟r地獲取服務(wù)器返回的數(shù)據(jù)，而無需刷新整個頁面。在使用AJAX時，我們需要通過一定的方式來接收服務(wù)器返回的數(shù)據(jù)。本文將介紹如何使用AJAX來接收返回數(shù)據(jù)，并通過舉例進行說明。

在使用AJAX接收返回數(shù)據(jù)之前，我們首先需要創(chuàng)建一個XMLHttpRequest對象。這個對象是用于與服務(wù)器進行異步通信的核心。我們可以通過調(diào)用XMLHttpRequest的open()方法來指定請求的方式（GET或POST）、URL和是否異步。然后，通過調(diào)用send()方法發(fā)送請求，將請求發(fā)送給服務(wù)器。

var xhr = new XMLHttpRequest();  // 創(chuàng)建一個XMLHttpRequest對象
xhr.open('GET', 'data.php', true);  // 指定請求的方式、URL和是否異步
xhr.send();  // 發(fā)送請求

接下來，我們需要在XMLHttpRequest對象上注冊一個事件處理函數(shù)，以便在接收到服務(wù)器返回的數(shù)據(jù)時進行處理。AJAX提供了一個onreadystatechange事件，該事件會在XMLHttpRequest對象的readyState屬性發(fā)生變化時觸發(fā)。我們可以通過檢查readyState屬性的值來確定當(dāng)前的狀態(tài)，當(dāng)readyState的值為4時，表示所有數(shù)據(jù)已經(jīng)接收完畢。此時，我們可以通過XMLHttpRequest對象的responseText屬性來獲取服務(wù)器返回的數(shù)據(jù)。

xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {  // 所有數(shù)據(jù)已經(jīng)接收完畢
var data = xhr.responseText;  // 獲取服務(wù)器返回的數(shù)據(jù)
// 處理數(shù)據(jù)
}
};

下面舉一個簡單的例子來說明如何使用AJAX接收返回數(shù)據(jù)。假設(shè)我們有一個按鈕和一個顯示數(shù)據(jù)的div元素：

<button id="btn">點擊獲取數(shù)據(jù)</button>
<div id="dataHolder"></div>

當(dāng)用戶點擊按鈕時，我們將使用AJAX來獲取服務(wù)器返回的數(shù)據(jù)，并將其顯示在div元素中。我們可以通過給按鈕添加一個click事件處理函數(shù)來實現(xiàn)這個功能：

var btn = document.getElementById('btn');
var div = document.getElementById('dataHolder');
btn.onclick = function() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.php', true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
var data = xhr.responseText;
div.innerHTML = data;
}
};
};

上面的代碼中，當(dāng)用戶點擊按鈕時，會創(chuàng)建一個XMLHttpRequest對象，并使用GET方式發(fā)送一個請求到"data.php"。當(dāng)接收到返回數(shù)據(jù)時，在事件處理函數(shù)中，我們將獲取到的數(shù)據(jù)賦值給div的innerHTML屬性，從而將數(shù)據(jù)顯示在網(wǎng)頁上。

總結(jié)來說，使用AJAX來接收返回數(shù)據(jù)需要經(jīng)過以下幾個步驟：創(chuàng)建XMLHttpRequest對象、指定請求的方式、URL和是否異步、發(fā)送請求、注冊onreadystatechange事件處理函數(shù)、獲取服務(wù)器返回的數(shù)據(jù)。通過這些步驟，我們可以實現(xiàn)在網(wǎng)頁上實時獲取服務(wù)器返回的數(shù)據(jù)，提升用戶體驗。