AJAX（Asynchronous JavaScript and XML）是一種在Web頁面上實現異步數據交換的技術。它可以實現在不刷新整個頁面的情況下，更新頁面的一部分內容。而對于一些需要實時更新的頁面，我們可能需要在用戶執行某個操作后，自動刷新頁面來獲取最新的數據。本文將介紹如何使用AJAX來刷新當前頁面，以及通過示例說明其用法。
在使用AJAX進行頁面刷新之前，我們需要了解一些基本的AJAX知識。首先，我們需要創建一個XMLHttpRequest對象，以便用于從服務器獲取數據。然后，我們可以使用該對象的open()方法指定請求的方法和URL，再使用send()方法發送請求。最后，我們可以通過監聽XMLHttpRequest對象的onreadystatechange事件來獲取服務器返回的數據。
開始使用AJAX進行頁面刷新之前，讓我們先來看一個簡單的示例。假設我們有一個網頁上顯示當前時間的功能，我們希望每隔5秒刷新一次頁面，以顯示最新的時間。我們可以先創建一個空的HTML頁面，然后使用以下代碼實現：
<html>
<head>
<script>
function refreshPage() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.body.innerHTML = this.responseText;
}
};
xhttp.open("GET", "get_time.php", true);
xhttp.send();
}
setInterval(refreshPage, 5000);
</script>
</head>
<body>
</body>
</html>在上述示例中，我們定義了一個名為refreshPage()的函數，該函數用于創建XMLHttpRequest對象并發送請求。在收到服務器返回的響應后，我們通過修改document.body的innerHTML來實現頁面刷新。然后，我們使用setInterval()函數來定期調用refreshPage()函數，以實現每隔5秒刷新一次頁面。
除了定期刷新頁面之外，我們還可以根據用戶的操作來刷新頁面。例如，假設我們的網頁上有一個按鈕，當用戶點擊該按鈕時，我們希望頁面立即刷新以獲取最新的數據。
<html>
<head>
<script>
function refreshPage() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.body.innerHTML = this.responseText;
}
};
xhttp.open("GET", "get_data.php", true);
xhttp.send();
}
document.getElementById("refreshButton").addEventListener("click", refreshPage);
</script>
</head>
<body>
<button id="refreshButton">刷新頁面</button>
</body>
</html>在上述示例中，我們使用addEventListener()方法來監聽按鈕的點擊事件。當用戶點擊按鈕時，將調用refreshPage()函數來刷新頁面。refreshPage()函數的實現與上一個示例相同，通過創建XMLHttpRequest對象、發送請求并更新頁面來實現頁面刷新。
通過AJAX來刷新當前頁面，我們可以實現無刷新更新頁面的效果，提升用戶體驗。上述示例只是簡單的示例，實際應用中我們還可以結合后端技術來獲取最新的數據并更新頁面。希望本文能幫助你理解如何使用AJAX來刷新當前頁面。