本文主要討論如何使用Ajax實現網頁的定時刷新。定時刷新是指在一個固定的時間間隔內，自動刷新頁面的內容，使用戶能夠及時獲取最新的信息。使用Ajax可以實現在不刷新整個頁面的情況下，只更新需要改變的部分，提高用戶體驗。

舉個例子來說明，假設我們正在開發一個在線聊天室的網站。用戶可以通過網頁與其他用戶進行實時的交流和對話。為了能夠及時顯示其他用戶的消息，我們可以使用Ajax來定時刷新頁面，以介紹新的聊天消息。

setInterval(function(){
// 使用Ajax向服務器發送請求，獲取最新的聊天消息
$.ajax({
url: "getNewMessages.php",
type: "GET",
success: function(data){
// 將新的聊天消息添加到頁面中
$("#chatContainer").append(data);
}
});
}, 5000); // 每5秒刷新一次頁面

上述代碼中，我們使用了JavaScript中的setInterval函數來間隔一段時間執行一次特定的代碼塊。在這個例子中，我們每隔5秒就向服務器發送一個Ajax請求，通過GET方式獲取最新的聊天消息。如果請求成功，我們將獲取到的消息添加到頁面中的聊天容器元素中。這樣，當其他用戶發送新的聊天消息時，頁面會在不刷新整個頁面的情況下，自動更新顯示最新的內容。

除了在線聊天室，定時刷新在一些需要實時展示信息的場景下也非常常見。比如在一個股票交易網站上，用戶可以通過網頁觀察股票的實時行情和價格變動。為了及時反映最新的股市情況，我們可以使用Ajax定時刷新頁面，將最新的股票信息更新到頁面上。

setInterval(function(){
// 使用Ajax向服務器發送請求，獲取最新的股票信息
$.ajax({
url: "getStockPrice.php",
type: "GET",
success: function(data){
// 將最新的股票信息更新到頁面上
$("#stockPrice").html(data);
}
});
}, 10000); // 每10秒刷新一次頁面

在上述示例代碼中，我們每隔10秒發送一個Ajax請求，獲取最新的股票信息。如果請求成功，我們將獲取到的股票價格更新到頁面的特定元素（id為stockPrice）中。用戶就可以通過定時刷新頁面，實時觀察股票價格的變化，而無需手動刷新整個頁面。

總之，Ajax定時刷新頁面是提高用戶體驗的一種方式。它可以在不刷新整個頁面的情況下，只更新頁面的特定部分，使用戶能夠及時獲得最新的信息。無論是在線聊天室還是股票交易網站，定時刷新都可以幫助我們及時展示實時數據，提供更好的用戶體驗。