AJAX（Asynchronous JavaScript and XML）是一種通過在后臺與服務器進行少量數據交換，而不必刷新整個頁面的技術。它可以讓網頁實現異步通信，一邊加載數據，一邊實時刷新頁面內容，提高用戶體驗。在本文中，我們將探討如何使用AJAX來加載頁面并進行定時刷新。

假設我們正在開發一個即時聊天應用，我們希望能夠實時顯示收到的新消息，而不需要用戶手動刷新頁面。為了實現這個目標，我們可以使用AJAX來從服務器獲取最新的聊天消息，然后通過定時刷新頁面來展示這些消息。

首先，我們需要使用AJAX來加載頁面的初始內容。假設我們的應用登錄后會顯示一個聊天窗口，其中包含之前的消息記錄。當用戶登錄后，我們可以使用AJAX從服務器獲取這些消息，然后通過JavaScript將其動態插入到頁面中。

$.ajax({
url: "get_messages.php",
success: function(response){
$("#chat-window").html(response);
}
});

上面的代碼使用了jQuery框架的AJAX方法。該方法通過指定URL（在這里是get_messages.php）發送一個HTTP GET請求到服務器，并在請求成功后，將服務器返回的響應通過選擇器（在這里是#chat-window）動態插入到頁面中。在服務器端，我們將從數據庫中查詢之前的聊天消息，然后將其以HTML形式返回給客戶端。

現在，我們已經成功加載了初始頁面的內容，接下來我們需要實現定時刷新頁面以獲取新消息的功能。為了實現定時刷新，我們可以使用JavaScript的setTimeout函數來定時執行AJAX請求。

function refreshChat(){
$.ajax({
url: "get_new_messages.php",
success: function(response){
$("#chat-window").append(response);
setTimeout(refreshChat, 1000); // 每隔1秒刷新一次
}
});
}
refreshChat(); // 調用刷新函數開始定時刷新

上面的代碼定義了一個名為refreshChat的函數，該函數會發送一個AJAX請求到get_new_messages.php，并將服務器返回的響應通過append方法動態添加到聊天窗口中。然后，通過setTimeout函數將refreshChat函數定時執行，以實現定時刷新的效果。在這個例子中，我們每隔1秒刷新一次頁面，但你可以根據需求調整刷新的時間間隔。

通過以上的實例，我們可以看到使用AJAX加載頁面并定時刷新可以實現實時更新頁面內容的效果。這在很多場景下都非常有用，比如在線聊天應用、實時數據監控等。使用AJAX可以提供更好的用戶體驗，減少不必要的頁面刷新，同時也減輕了后端服務器的負載。

總結而言，AJAX加載頁面和定時刷新是一種強大的技術組合，它可以使網頁實現異步通信，實時刷新內容，提高用戶體驗。通過加載頁面和定時刷新，我們可以實現實時更新內容的效果，無需用戶手動刷新頁面。在開發應用程序時，我們可以根據需求使用AJAX來加載頁面和定時刷新，從而提供更好的用戶體驗。