Ajax（Asynchronous JavaScript and XML）是一種用于創建動態網頁的技術，它通過在后臺與服務器進行數據交互，局部地更新頁面而不需要重新加載整個頁面。通過Ajax，我們可以輕松地引用其他HTML頁面，從而實現頁面的動態加載和更新。本文將介紹如何使用Ajax引用其他HTML頁面，并通過舉例來加深理解。
通常，我們在一個網頁中引用其他頁面的目的是為了取得這些頁面的內容，并將其展示給用戶。假設我們有一個網頁，其中有一個按鈕。當用戶點擊該按鈕時，我們希望通過Ajax引用另一個HTML頁面并將其內容展示在當前頁面的某個區域內。以下是實現這一功能的示例代碼：

function loadPage() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("content").innerHTML = this.responseText;
}
};
xhttp.open("GET", "其他頁面的URL", true);
xhttp.send();
}

在上述代碼中，我們首先創建了一個XMLHttpRequest對象，用于與服務器進行數據交互。接著，我們定義了一個回調函數，當Ajax請求的狀態發生變化時被調用。回調函數中的if語句判斷Ajax請求是否成功，通過this.responseText獲取到了從服務器返回的其他HTML頁面的內容。最后，我們通過innerHTML將這些內容展示在當前頁面的指定區域。
舉個例子，假設我們的網頁上有一個按鈕和一個用于展示其他頁面內容的