隨著Web應用的發展，用戶對于頁面數據的實時更新需求也越來越高。傳統的同步請求方式在獲取頁面數據時會阻塞頁面的加載，導致用戶體驗不佳。而使用AJAX（Asynchronous JavaScript and XML）可以實現異步獲取頁面數據，提高用戶體驗。

舉一個簡單的例子來說明AJAX異步獲取頁面數據的過程。假設我們有一個網站，其中有一個新聞列表頁面，用戶在該頁面點擊某一篇新聞，希望能夠快速展示該新聞的詳細內容。傳統的同步請求方式下，用戶點擊新聞后整個頁面會被刷新，耗費不必要的時間。而使用AJAX異步獲取頁面數據，只需更新新聞內容區域，用戶可以快速獲取到所需信息，無需等待整個頁面的重新加載。

下面是一個使用AJAX異步獲取新聞內容的實現示例：

function getNewsContent(newsId) {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/newsContent?id=' + newsId, true);  // 異步方式獲取新聞內容
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var newsContent = JSON.parse(xhr.responseText);  // 解析獲取到的新聞內容
document.getElementById('newsContent').innerHTML = newsContent;  // 更新新聞內容區域
}
};
xhr.send();
}

通過上面的代碼，我們可以看到使用AJAX異步獲取頁面數據的基本步驟。首先，我們創建一個XMLHttpRequest對象，然后使用open方法指定請求的方式、URL和是否異步。接著，我們監聽XMLHttpRequest對象的onreadystatechange事件，當請求狀態為DONE（即請求完成）且響應狀態碼為200（即請求成功）時，我們解析獲取到的響應數據，并更新頁面相應的內容。

除了使用原生的XMLHttpRequest對象，我們還可以利用各種JavaScript庫或框架來簡化AJAX異步請求的操作。例如，使用jQuery框架可以通過以下方式實現異步獲取新聞內容：

$.ajax({
url: '/newsContent',
data: { id: newsId },
type: 'GET',
success: function(newsContent) {
$('#newsContent').html(newsContent);
}
});

上述代碼使用jQuery的ajax方法發送異步請求，并在請求成功后更新頁面的新聞內容。

總結而言，AJAX異步獲取頁面數據可以提高用戶體驗，避免不必要的頁面加載和刷新。通過異步方式獲取頁面數據，用戶可以更快地獲取所需信息，增加了頁面的實時性。無論是使用原生的XMLHttpRequest對象還是現有的JavaScript庫和框架，AJAX都為我們提供了一種方便快捷的方式來實現異步獲取頁面數據。