在現代Web開發中，實時更新和顯示數據是非常常見的需求。傳統的方式是使用頁面刷新來獲取最新的數據，但這會導致頁面閃爍，并且用戶體驗較差。AJAX（Asynchronous JavaScript and XML）技術通過使用JavaScript和XML來實現異步通信，可以在不刷新整個頁面的情況下更新局部數據。其中一種常見的應用是通過定時刷新局部數據來實現實時數據展示。本文將介紹如何使用AJAX來定時刷新局部數據，并通過舉例說明其用法和優勢。

首先，我們需要了解一下AJAX的基本原理。AJAX通過JavaScript發送異步HTTP請求到服務器，并在收到響應后對頁面進行更新。對于定時刷新局部數據的場景，我們可以使用JavaScript中的setInterval函數來定時觸發AJAX請求。下面是一個簡單的示例代碼：

<script>
setInterval(function() {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監聽請求完成事件
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 處理響應數據
document.getElementById("data").innerHTML = xhr.responseText;
}
};
// 發送GET請求
xhr.open("GET", "/api/data", true);
xhr.send();
}, 5000); // 每5秒鐘刷新一次數據
</script>

上述代碼中，我們使用setInterval函數每5秒鐘觸發一次AJAX請求。創建XMLHttpRequest對象并設置其onreadystatechange回調函數，當請求完成時，會執行回調函數進行數據處理。在這個例子中，我們將服務器返回的數據更新到ID為"data"的元素中。

假設我們有一個實時股票價格展示的網頁，我們可以使用上述方法定時刷新股票價格數據，而不需要用戶手動刷新整個頁面。這樣用戶就可以即時獲取到最新的股票價格。類似的應用還包括動態展示實時天氣、即時聊天等。

AJAX定時刷新局部數據相比傳統的頁面刷新方式有以下優勢：

1. 節省帶寬：傳統頁面刷新時，需要重新加載整個頁面，而AJAX只需要請求并更新局部數據，減少了帶寬的消耗。
2. 提升用戶體驗：頁面不會因為整個刷新而閃爍，用戶可以在不打擾的情況下獲得最新的數據。
3. 減輕服務器負載：由于只請求并更新局部數據，服務器的負載會更輕，可以更好地處理并發請求。

總之，使用AJAX定時刷新局部數據是一種非常常見且有用的技術，可以提升Web應用的用戶體驗，減少帶寬消耗和服務器負載。通過本文的介紹和示例代碼，希望讀者對于AJAX定時刷新局部數據有更深入的了解，并能在實際開發中靈活運用。