在現代網頁應用中，經常需要對頁面進行定時刷新，以保持與后端數據的同步更新。其中一個常見的應用場景是，當用戶提交表單后，需要等待一段時間后，頁面自動刷新以獲取最新的數據。本文將介紹如何使用Ajax技術實現一個延時5秒刷新頁面的功能。

假設我們有一個簡單的表單，用戶在提交表單后需要等待5秒后頁面自動刷新。在傳統的開發方式中，一般會使用JavaScript的setTimeout函數進行定時操作，然后調用location.reload()方法刷新頁面。但使用Ajax可以更加靈活地控制頁面的刷新。

首先，我們需要引入jQuery庫，以便使用其提供的Ajax方法。在html頁面的head標簽中添加如下代碼：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

接下來，在表單的submit事件處理函數中，使用Ajax發送一個GET請求到服務器，并添加一個延時5秒的定時器：

$('form').submit(function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
// 發送GET請求到服務器
$.ajax({
url: 'example.com/submit',
method: 'GET',
success: function(response) {
setTimeout(function() {
location.reload(); // 刷新頁面
}, 5000); // 延時5秒（5000毫秒）
}
});
});

以上代碼會在用戶提交表單后，先向服務器發送一個GET請求，然后在成功回調函數中使用setTimeout方法設置一個延時器，5秒后調用location.reload()方法刷新頁面。

舉個具體的例子來說明，假設我們的網頁是一個聊天室應用，用戶在表單中輸入聊天信息后點擊發送按鈕。傳統的方式是，用戶點擊發送按鈕后，頁面會立即刷新，導致用戶的輸入內容被清空，并且用戶需要手動滾動到最新消息的位置。而使用Ajax延時刷新頁面的方式，用戶點擊發送按鈕后，頁面不會立即刷新，用戶輸入的內容不會被清空，頁面會在5秒后自動更新，用戶只需等待片刻即可看到最新的聊天記錄。

總結起來，使用Ajax延時刷新頁面可以提升用戶體驗，減少頁面的頻繁刷新，同時還可以靈活地控制刷新的時機，確保頁面在獲取到最新的數據后再進行更新。通過本文的介紹，相信讀者已經掌握了如何使用Ajax延時刷新頁面的方法，可以在自己的項目中靈活應用。