動態頁面更新是通過XML HTTP（也稱為Ajax）實現的一種技術。XML HTTP允許在不刷新整個頁面的情況下與服務器通信，以更新頁面的特定部分。
下面是一個使用XML HTTP動態更新頁面的示例：
1. 創建XML HTTP對象：
```javascript
var xhr = new XMLHttpRequest();
```
2. 定義回調函數來處理服務器響應：
```javascript
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理服務器響應
var response = xhr.responseText;
// 更新頁面的特定部分
document.getElementById("content").innerHTML = response;
}
};
```
3. 發送XML HTTP請求：
```javascript
xhr.open("GET", "update.php", true);
xhr.send();
```
在這個示例中，我們使用XML HTTP對象發送一個GET請求到服務器的`update.php`頁面。當服務器響應成功返回并且狀態碼為200時，回調函數會被觸發。在回調函數中，我們可以處理服務器的響應，并將其更新到頁面的特定部分（例如，具有id為`content`的元素）。
注意：在實際應用中，您可能還需要添加錯誤處理和其他邏輯來優化用戶體驗。此外，您可以使用XML HTTP對象發送POST請求以傳遞數據給服務器，并在回調函數中處理返回的數據。
