< p >JavaScript 刷新簡介< /p >< p >在 web 開發中，我們常常需要刷新頁面以顯示用戶輸入新數據或者更新頁面上的內容。JavaScript 提供了多種方法實現頁面刷新， 包括定時刷新、用戶事件觸發刷新以及 AJAX 技術所引發的動態刷新。接下來，我們將詳細討論這些刷新方法。< /p >< p >定時刷新< /p >< p >定時刷新是指按照固定的時間間隔自動刷新頁面，通常用在需要實時更新內容的應用中。如在線聊天室和股票行情等。下面是一個使用定時刷新的例子：< /p >< pre >function refresh() { location.reload(); // 刷新當前頁面 } setInterval(refresh, 5000); // 每 5 秒鐘刷新一次頁面< /pre >< p >上面的代碼使用了 JavaScript 中的 setInterval() 函數來實現定時刷新功能。setInterval() 函數需要兩個參數：要執行的函數和時間間隔（以毫秒為單位）。在上述例子中，程序每 5 秒鐘調用一次 refresh() 函數，刷新當前頁面。< /p >< p >用戶事件觸發刷新< /p >< p >用戶事件觸發刷新指在用戶執行了某些特定的操作時，刷新頁面。例如，用戶提交表單或者單擊了一個鏈接，頁面就會刷新。下面是一個單擊鏈接時刷新頁面的例子：< /p >< pre >< a href="#" onclick="location.reload()">點擊這里刷新頁面< /pre >< p >接下來，我們還可以使用 AJAX 技術刷新頁面。AJAX（Asynchronous JavaScript and XML）指的是通過 JavaScript 發送異步請求，獲取后臺數據并更新頁面內容的一種技術。下面是一個簡單的 AJAX 刷新頁面的例子：< /p >< pre >function refresh() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("content").innerHTML = this.responseText; } }; xmlhttp.open("GET", "data.php", true); xmlhttp.send(); } setInterval(refresh, 5000);< /pre >< p >上面的代碼首先創建了 XMLHttpRequest 對象，然后設置對象的回調函數，用于處理從服務器返回的數據。當 readyState 值為 4（表示數據已接收）且 status 值為 200（表示成功接收數據）時，將返回的數據更新到頁面的 content 元素中。最后，調用 setInterval() 函數每 5 秒鐘執行一次 refresh() 函數實現 AJAX 刷新。< /p >< p >總之，JavaScript 提供了多種方法實現頁面刷新， 定時刷新、用戶事件觸發刷新和 AJAX 刷新都是常用的方法，可以根據不同的需求靈活選擇。< /p >