元素或者其他適合的標簽。然后，在JavaScript中使用AJAX技術發送一個HTTP請求到服務器，獲取數據后將其填充到顯示容器中。

// 創建一個顯示容器
let container = document.getElementById('data-container');
// 創建一個AJAX請求對象
let xhr = new XMLHttpRequest();
// 指定請求的類型、URL和是否異步
xhr.open('GET', 'https://api.example.com/data', true);
// 監聽請求狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 數據獲取成功后將其填充到顯示容器中
container.innerHTML = xhr.responseText;
}
};
// 發送請求
xhr.send();

例子：通過AJAX獲取并顯示用戶列表

假設我們有一個網頁需要顯示用戶列表。為了實現這個功能，我們可以使用AJAX請求從服務器獲取用戶數據，然后將其顯示在一個表格中。

<div id="user-list"></div>
<script>
let userListContainer = document.getElementById('user-list');
let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/users', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let users = JSON.parse(xhr.responseText);
let table = document.createElement('table');
users.forEach(function(user) {
let row = document.createElement('tr');
let nameCell = document.createElement('td');
nameCell.innerHTML = user.name;
let ageCell = document.createElement('td');
ageCell.innerHTML = user.age;
row.appendChild(nameCell);
row.appendChild(ageCell);
table.appendChild(row);
});
userListContainer.appendChild(table);
}
};
xhr.send();
</script>

在上面的例子中，我們創建了一個包含用戶列表的容器(div)，然后使用AJAX從服務器獲取用戶數據。獲取到的用戶數據是一個JSON數組，我們使用JSON.parse()方法將其轉換為JavaScript對象數組。然后，我們通過遍歷用戶數組，創建表格的每一行，并將用戶的姓名(name)和年齡(age)填充到每一行的單元格(td)中。

接下來，我們將每一行添加到表格(table)中，最后將表格添加到用戶列表容器中。當AJAX請求完成并且數據成功獲取后，用戶列表將顯示在網頁上。

結論

AJAX是一個強大的技術，能夠提供更好的用戶體驗和更高效的數據加載方式。通過使用AJAX，我們可以在不刷新整個頁面的情況下獲取數據并將其顯示在網頁上。如上述例子所示，我們可以使用AJAX請求從服務器獲取數據并將其顯示在合適的容器中，以此來提供更豐富的功能和更好的用戶體驗。

總而言之，學習如何使用AJAX獲取數據并顯示對于開發現代網頁至關重要，這能夠極大地提升用戶體驗并使網頁功能更加完善。