在現代的網頁開發中，我們經常需要通過Ajax技術獲取外部HTML內容。通過Ajax可以實現異步加載頁面，提高網頁加載速度和用戶體驗。本文將介紹使用Ajax獲取HTML內容的基本步驟，并通過舉例說明其應用。

首先，我們需要創建一個XMLHttpRequest對象，用于發送HTTP請求并接收服務器返回的數據。以下是一個簡單的示例：

var xhttp = new XMLHttpRequest();

接下來，我們需要使用該對象來發送GET或POST請求，并指定需要獲取的HTML頁面的URL。以下是一個使用GET請求獲取HTML內容的示例：

xhttp.open("GET", "example.html", true);
xhttp.send();

需要注意的是，如果你所獲取的HTML內容來自不同的域名，那么由于跨域安全策略的限制，你將無法通過Ajax直接獲取內容。此時，你可以考慮使用JSONP或CORS等解決方案。

當服務器返回響應時，我們需要通過onreadystatechange事件監聽器來處理返回的數據。以下是一個處理成功響應的示例：

xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var htmlContent = xhttp.responseText;
// 在此處對獲取到的HTML內容進行處理
}
};

在上述代碼中，我們通過readyState屬性來檢查服務器響應的狀態。當該屬性值為4，表示服務器響應已完成。status屬性則表示服務器響應的狀態碼，其中200表示成功響應。

最后，我們可以在處理成功響應的回調函數中對獲取到的HTML內容進行處理。例如，可以將獲取到的HTML內容插入到當前頁面的指定位置。以下是一個將獲取到的HTML內容插入到id為"container"的元素中的示例：

document.getElementById("container").innerHTML = htmlContent;

通過上述步驟，我們就可以使用Ajax輕松地獲取外部的HTML內容。舉個例子，如果我們的網頁需要在用戶點擊某個按鈕時加載一個表格，而這個表格的內容是通過Ajax從服務器獲取的，那么可以使用上述方式來實現。這樣就避免了每次加載網頁時都需要獲取表格內容，提高了網頁的加載速度和用戶體驗。

總之，Ajax技術為我們獲取HTML內容提供了強大的工具。通過使用XMLHttpRequest對象來發送HTTP請求，并處理服務器的響應，我們可以輕松地獲取外部的HTML內容，并將其應用到我們的網頁中。無論是異步加載頁面內容還是動態更新頁面，Ajax都是一個非常有用的技術。