AJAX（Asynchronous JavaScript and XML）是一種在網頁中實現實時更新的技術。通過使用AJAX，網頁可以在不刷新頁面的情況下與服務器進行數據交互，從而實現實時更新。比如，在一個社交媒體網站上，當用戶發布新的動態或者收到新的消息時，使用AJAX可以在用戶不需要刷新頁面的情況下更新這些信息。本文將介紹AJAX如何做到實時更新，并通過舉例說明其實現方式。

首先，AJAX使用JavaScript和XMLHttpRequest對象來實現與服務器之間的異步通信。當網頁需要與服務器交互時，JavaScript會通過XMLHttpRequest對象發送一個異步請求，而不是像傳統的網頁請求那樣等待服務器響應。通過這種異步請求，用戶可以繼續在網頁上進行其他操作，而不會因為等待服務器響應而造成頁面卡頓。

// 示例代碼一：使用AJAX發送異步請求
var xhr = new XMLHttpRequest();  // 創建XMLHttpRequest對象
xhr.open('GET', 'https://example.com/api/data', true);  // 設置請求方式、URL和是否異步
xhr.onreadystatechange = function() {  // 監聽狀態改變事件
if (xhr.readyState === 4 && xhr.status === 200) {  // 當請求完成并成功響應時
var responseData = xhr.responseText;  // 獲取服務器返回的數據
// 更新網頁上的內容
document.getElementById('result').innerHTML = responseData;
}
};
xhr.send();  // 發送請求

其次，為了實現實時更新，需要使用定時器定期發送AJAX請求以獲取最新的數據。在網頁加載完成后，通過設置定時器定期發送AJAX請求，可以定時獲取服務器上的最新數據，然后更新到網頁上。

// 示例代碼二：使用定時器定期發送AJAX請求
setInterval(function() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/new-data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = xhr.responseText;
// 更新網頁上的內容
document.getElementById('new-data').innerHTML = responseData;
}
};
xhr.send();
}, 5000);  // 每隔5秒發送一次請求

最后，通過將獲取到的新數據更新到網頁上的相應元素中，實現實時更新的效果。例如，在一個實時股票報價網站上，當股票價格發生變動時，使用AJAX可以定時獲取最新的股票數據，然后更新網頁上對應的股票價格元素。

綜上所述，通過使用AJAX可以實現網頁的實時更新，使得用戶能夠在不刷新頁面的情況下獲取最新的數據。通過發送異步請求、定時器以及更新網頁元素，可以實現與服務器的實時交互，并將最新數據展示在網頁上，提供更好的用戶體驗。