AJAX（Asynchronous JavaScript and XML）是一種在網頁上無需重新加載整個頁面的情況下，通過異步的方式從服務器獲取數據的技術。使用AJAX可以大大提高網頁的用戶體驗，使得頁面能夠動態地更新內容，而不需要刷新整個頁面。本文將探討如何使用AJAX接收數據并將其載入頁面中。

假設我們有一個簡單的網頁，上面有一個按鈕，當用戶點擊按鈕時，我們希望從服務器獲取一些特定的數據，并將數據顯示在頁面上。使用AJAX，我們可以實現以下功能：

// HTML
<button id="loadButton">點擊加載數據</button>
<div id="dataContainer"></div>
// JavaScript
document.getElementById("loadButton").addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("dataContainer").innerHTML = xhr.responseText;
}
};
xhr.send();
});

在上面的示例中，當用戶點擊按鈕時，觸發了一個click事件的監聽器。監聽器中創建了一個XMLHttpRequest對象，該對象用于與服務器進行交互。通過調用open()方法，我們指定了從服務器獲取數據的方式（GET請求），以及服務器上的數據文件（data.php）。然后，我們為onreadystatechange事件指定了一個回調函數。當請求狀態發生變化時，該函數會被調用。當請求的readyState為4，即請求已完成，并且狀態碼為200，表示請求成功時，我們將服務器響應的數據存儲在dataContainer元素的innerHTML屬性中，從而將數據加載到頁面中。

假設服務器上的data.php文件返回的是一個簡單的HTML表格：

<table>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td>張三</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
</tr>
</table>

通過上述代碼，當用戶點擊按鈕時，data.php文件返回的表格數據將被加載到頁面的dataContainer元素中。用戶就可以在不刷新整個頁面的情況下，實時地從服務器獲取數據并將其顯示在頁面上。

除了簡單的HTML表格，使用AJAX還可以接收各種類型的數據，例如JSON、XML、文本文件等。根據服務器返回的數據類型，我們可以使用不同的方法來處理數據。例如，如果服務器返回的是JSON數據，我們可以使用JSON.parse()方法將數據解析為JavaScript對象，然后根據需要來展示數據。

// JavaScript
document.getElementById("loadButton").addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
var html = "<ul>";
for (var i = 0; i < data.length; i++) {
html += "<li>" + data[i].name + ": " + data[i].age + "</li>";
}
html += "</ul>";
document.getElementById("dataContainer").innerHTML = html;
}
};
xhr.send();
});

在上述示例中，假設服務器返回的是一個包含姓名和年齡的JSON數組，我們使用JSON.parse()方法將其解析為一個JavaScript對象。然后，我們使用循環遍歷對象的每個元素，并將姓名和年齡拼接成一個HTML的列表項（li），最后將整個列表添加到dataContainer元素中。

通過以上的例子，我們可以看到使用AJAX接收數據并將其載入頁面是一種非常強大和靈活的技術。它使得網頁能夠以更快的速度加載數據，并在不刷新整個頁面的情況下實時更新內容，提供了更好的用戶體驗。