AJAX (Asynchronous JavaScript and XML) 是一種在網頁中進行異步通信的技術，通過使用 AJAX，可以在網頁不刷新的情況下從服務器獲取數據并展示在頁面上。本文將介紹如何使用 AJAX 接收數據，并給出相關的例子。

當我們使用 AJAX 接收到數據后，可以通過 JavaScript 對獲取到的數據進行處理和展示。在下面的例子中，我們通過 AJAX 從服務器獲取到了一個 JSON 格式的數據。

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 對獲取到的數據進行處理和展示
console.log(data);
}
};
xhr.send();

在上面的例子中，我們使用了原生的XMLHttpRequest對象進行 AJAX 請求。首先，我們使用xhr.open('GET', '/api/data', true)打開了一個GET請求，其中/api/data是服務器的接口地址。然后，我們通過xhr.onreadystatechange來監聽請求的狀態變化，當readyState為4且status為200時，代表請求成功。此時，我們可以通過xhr.responseText獲取到服務器返回的數據，并經過JSON.parse進行解析。

一旦我們獲取到了數據，我們可以根據實際需求進行處理和展示。例如，假設我們的服務器返回了一個包含用戶信息的JSON對象：

{
"name": "John",
"age": 30,
"email": "john@example.com"
}

我們可以使用如下代碼進行展示：

var nameElement = document.getElementById('name');
var ageElement = document.getElementById('age');
var emailElement = document.getElementById('email');
nameElement.textContent = data.name;
ageElement.textContent = data.age;
emailElement.textContent = data.email;

在上面的例子中，我們通過getElementById獲取到了頁面中的相應元素，然后通過textContent屬性將獲取到的數據展示出來。例如，nameElement.textContent = data.name; 將數據中的name字段賦值給id為name的元素。

除了展示數據，我們還可以根據獲取到的數據做一些其他操作。例如，根據獲取到的用戶信息，我們可以動態生成一張用戶列表：

var userListElement = document.getElementById('user-list');
data.forEach(function(user) {
var listItem = document.createElement('li');
listItem.textContent = user.name;
userListElement.appendChild(listItem);
});

在上面的例子中，我們通過forEach循環遍歷獲取到的數據，為每個用戶創建一個li元素，并將其添加到id為user-list的列表中。

AJAX 接收到的數據可以用于各種各樣的應用場景，例如動態更新網頁內容、與服務器進行交互、加載更多數據等等。通過合理利用 AJAX，我們可以有效地提升用戶體驗和交互效果。

綜上所述，我們可以通過 AJAX 接收數據，并根據實際需求進行處理和展示。AJAX 技術為我們在網頁中獲取并使用數據提供了便利與靈活性。