AJAX（Asynchronous JavaScript and XML）是一種在網頁中實現實時數據刷新的技術。通過使用AJAX，網頁可以在不刷新整個頁面的情況下，向服務器發送請求并獲取更新的數據，然后只更新頁面中需要更新的部分。這使得我們可以實現實時的數據展示和交互，提升用戶體驗。下面將通過幾個具體的示例來演示如何使用AJAX實現實時數據刷新。

示例一：實時顯示股票價格

假設我們有一個網頁需要實時顯示股票價格。傳統的做法是每隔一段時間向服務器發送請求，獲取最新的股票價格，然后刷新整個頁面來展示新的價格。但是，這樣做會導致不必要的網絡負荷，而且用戶需要頻繁地刷新頁面才能獲得最新的價格。

使用AJAX，我們可以實現實時的股票價格展示。下面是一個簡單的示例：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
setInterval(function() {
$.ajax({
url: "https://api.stock.com/stock/price",
type: "GET",
dataType: "json",
success: function(data) {
$("#stock-price").text(data.price);
}
});
}, 1000);
</script>
<div id="stock-price"></div>

在這個示例中，我們使用了jQuery的AJAX方法，每隔一秒向服務器發送一個GET請求，獲取最新的股票價格。然后，我們通過將這個價格更新到頁面中的一個div元素中，實現了實時的數據展示。用戶不需要刷新頁面，就可以看到最新的股票價格。

示例二：實時聊天應用

另一個常見的應用場景是實時聊天應用。在傳統的聊天應用中，用戶需要手動刷新頁面才能看到最新的聊天記錄。使用AJAX，我們可以實現聊天記錄的實時刷新，用戶可以即時收到新的消息。

以下是一個簡單的聊天應用示例：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
setInterval(function() {
$.ajax({
url: "https://api.chat.com/messages",
type: "GET",
dataType: "json",
success: function(data) {
$.each(data, function(index, message) {
$("#chat-messages").append("<p>" + message + "</p>");
});
}
});
}, 1000);
</script>
<div id="chat-messages"></div>

在這個示例中，我們使用了相同的思路。每隔一秒，向服務器發送GET請求，獲取最新的聊天記錄。然后，我們將這些記錄逐個添加到頁面中的一個div元素中，實現了聊天記錄的實時刷新。用戶可以在不刷新整個頁面的情況下，即時收到新的消息。

通過以上示例，我們可以看到通過AJAX實現實時數據刷新非常簡單和方便。只需要向服務器發送請求，處理服務器返回的數據，并將數據更新到頁面中的合適位置。這樣就可以實現實時的數據展示和交互，提升用戶體驗。