AJAX（Asynchronous JavaScript and XML）是一種用于在Web頁面中異步傳輸數(shù)據(jù)的技術(shù)，可以通過AJAX來獲取用戶信息。通過AJAX，我們可以在不刷新整個頁面的情況下向服務(wù)器發(fā)送請求，并將返回的數(shù)據(jù)顯示在當(dāng)前頁面上。這為用戶提供了更好的交互體驗和更快的響應(yīng)速度。下面將以一個簡單的例子來介紹如何使用AJAX獲取用戶信息，并展示獲取到的信息。

首先，我們需要有一個包含用戶信息的數(shù)據(jù)源，可以是一個數(shù)據(jù)庫表、一個API接口或者一個JSON文件。假設(shè)我們有一個名為users的數(shù)據(jù)庫表，其中包含了每個用戶的姓名、年齡和地址信息。我們希望通過AJAX來獲取用戶信息并顯示在當(dāng)前頁面上。

const xhr = new XMLHttpRequest();
const url = 'http://example.com/api/users'; // 假設(shè)我們有一個users API接口
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
const userList = document.getElementById('userList');
response.forEach(function(user) {
const userDiv = document.createElement('div');
userDiv.innerHTML =姓名：${user.name}，年齡：${user.age}，地址：${user.address};
userList.appendChild(userDiv);
});
}
}
xhr.send();

在上面的代碼中，我們首先創(chuàng)建了一個XMLHttpRequest對象，然后通過open方法設(shè)置請求的URL和請求方式（GET）。接著，我們?yōu)閤hr對象的onreadystatechange事件添加一個回調(diào)函數(shù)。當(dāng)服務(wù)器的響應(yīng)狀態(tài)為4（已完成）并且HTTP狀態(tài)碼為200（成功）時，我們將服務(wù)器返回的數(shù)據(jù)解析為JSON格式，然后將獲取到的用戶信息顯示在當(dāng)前頁面上。

在頁面中，我們需要提供一個用于展示用戶信息的容器，比如一個空的div元素，我們可以給它設(shè)置一個id屬性為"usersList"：

<div id="userList"></div>

當(dāng)我們訪問包含以上代碼的頁面時，AJAX會異步地向服務(wù)器發(fā)送請求，并將返回的用戶信息顯示在id為"userList"的div元素中。比如，我們可以在一個按鈕的點擊事件處理函數(shù)中調(diào)用以上的AJAX請求函數(shù)：

const button = document.getElementById('getUserInfoButton');
button.addEventListener('click', function() {
// 使用AJAX獲取用戶信息并顯示
getUserInfo();
});

當(dāng)用戶點擊該按鈕時，AJAX會向服務(wù)器發(fā)送請求，并將返回的用戶信息顯示在頁面上。這樣，用戶就可以通過點擊按鈕來獲取他們的個人信息，而不需要刷新整個頁面。

總結(jié)來說，通過AJAX可以實現(xiàn)在Web頁面中獲取用戶信息的功能，通過異步傳輸數(shù)據(jù)，可以提供更好的用戶體驗和更快的響應(yīng)速度。以上是一個簡單的例子，展示了如何利用AJAX來獲取用戶信息并將其顯示在當(dāng)前頁面上。