在現代的網頁開發中，實現頁面的無刷新更新是非常常見的需求。而Ajax技術（Asynchronous JavaScript and XML）可以非常方便地實現這一功能。通過Ajax，我們可以在不刷新整個頁面的情況下，發送請求并獲取到服務器返回的數據，然后將這些數據使用JavaScript動態地更新頁面的特定部分。

Ajax的核心是通過JavaScript創建一個XMLHttpRequest對象，然后使用該對象發送HTTP請求。當服務器返回響應時，JavaScript可以通過事件處理程序來處理這個響應，進而使用獲取到的數據來更新頁面內容。

以一個簡單的例子來說明Ajax如何發送請求并刷新頁面。假設我們有一個表單，其中包含一個用戶名輸入框和一個提交按鈕。當點擊提交按鈕時，需要將輸入框中的用戶名發送到服務器驗證，并根據服務器返回的結果來更新頁面。我們可以使用以下的HTML和JavaScript代碼來實現：

<form id="myForm"><label for="username">用戶名:</label><input type="text" id="username" name="username"><button type="button" onclick="checkUsername()">提交</button></form><div id="result"></div><script>function checkUsername() {
var username = document.getElementById("username").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("result").innerHTML = xhr.responseText;
}
};
xhr.open("POST", "checkUsername.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("username=" + encodeURIComponent(username));
}
</script>

在上述代碼中，當用戶點擊提交按鈕時，JavaScript會獲取到用戶名輸入框中的值，并創建一個XMLHttpRequest對象xhr。然后，定義了一個回調函數來處理服務器返回的響應。在這個回調函數中，首先檢查xhr對象的readyState屬性是否為4，這表示請求已完成且響應已就緒。然后再檢查status屬性是否為200，這表示服務器響應成功。如果兩個條件都滿足，就可以使用xhr.responseText獲取服務器返回的數據，并將其插入到id為"result"的div元素中，以實現頁面的無刷新更新。

通過上述例子，我們可以看到Ajax發送請求并刷新頁面的流程。首先，我們創建XMLHttpRequest對象，并為其設置回調函數。然后，使用open方法來指定請求的類型（這里使用POST方法），以及請求的URL和是否異步處理請求。接下來，我們可以通過setRequestHeader方法設定請求頭的信息，例如Content-type，以便服務器正確解析請求。最后，使用send方法發送請求，可以把需要發送的數據作為參數傳遞進去。

需要注意的是，在實際開發中，服務器端也需要相應的處理。例如，在上述例子中，我們使用了一個叫checkUsername.php的文件來處理請求，并根據數據庫中是否存在對應的用戶名來返回不同的結果。

總結來說，Ajax技術可以非常方便地實現頁面的無刷新更新。通過使用JavaScript發送請求并處理服務器返回的數據，我們可以動態地更新頁面的特定部分，提升用戶體驗并減少網絡傳輸的數據量。無論是驗證用戶輸入、加載新的內容，還是獲取實時數據，Ajax都是一個強大而實用的工具。