本文主要介紹了使用AJAX獲取本地HTML文件的方法，并舉例說明了如何從本地加載HTML文件中的內容。AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下與服務器交換數據的技術。通過AJAX，我們可以異步地獲取本地的HTML文件，并將其中的內容顯示在頁面上，從而實現動態加載和更新頁面的效果。

在實際開發中，有時候我們可能需要從本地加載HTML文件的內容。例如，我們可以在本地存儲一些常用的模板文件，以備在需要的時候動態加載。下面的示例展示了如何通過AJAX獲取本地HTML文件的內容并將其顯示在頁面上。

function loadLocalHTML(filePath) {
var xhr = new XMLHttpRequest();
xhr.open('GET', filePath, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById('content').innerHTML = xhr.responseText;
}
};
xhr.send();
}

在上面的代碼中，我們定義了一個名為loadLocalHTML的函數，該函數接受一個參數filePath，代表要加載的HTML文件的路徑。我們使用XMLHttpRequest對象創建了一個異步的HTTP請求，并通過open方法指定了請求的方法（'GET'）和請求的URL（filePath）。然后，我們通過onreadystatechange事件處理程序來監聽請求的狀態變化，并在請求完成且響應狀態為200時，將獲取到的HTML內容賦值給id為'content'的元素的innerHTML屬性，從而在頁面上顯示出來。

使用上述函數，我們可以輕松地在頁面上加載并顯示本地的HTML文件的內容。例如，假設我們的本地存儲了一個名為'template.html'的模板文件，我們可以通過調用loadLocalHTML函數來加載并顯示該文件的內容。

loadLocalHTML('template.html');

上述代碼會調用loadLocalHTML函數，并將'template.html'作為參數傳遞進去。loadLocalHTML函數會發送一個AJAX請求，從'template.html'文件中獲取內容并將其顯示在頁面上。這樣我們就實現了從本地加載HTML文件的目的。

總之，通過AJAX獲取本地HTML文件的方法非常簡單，只需使用XMLHttpRequest對象發送異步的HTTP請求，并在響應完成后將獲取到的HTML內容顯示在頁面上即可。這樣我們就可以方便地從本地加載和顯示HTML文件的內容了。