AJAX是一種基于JavaScript的異步請求技術，它允許在不重新加載整個網頁的情況下，通過在后臺與服務器進行數據交互來更新部分網頁內容。在本文中，我們將探討如何使用AJAX來加載兩個不同的HTML文件，并將結果顯示在網頁上。

假設我們有兩個HTML文件：index.html和data.html。首先，我們需要在index.html中創建一個用于顯示結果的容器，例如一個div元素：

<div id="result"></div>

接下來，我們將使用AJAX從data.html中獲取內容，并將結果顯示在result div中。我們可以使用XMLHttpRequest對象來發送異步請求，并獲取服務器的響應。下面是一個簡單的JavaScript代碼示例：

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

在上面的代碼中，我們使用XMLHttpRequest對象打開一個GET請求，請求的URL是data.html。xhr.onreadystatechange函數將在每次readyState屬性發生改變時被觸發。當readyState等于4（即請求已完成）并且status等于200（即請求成功）時，我們將服務器響應的內容設置為result div的innerHTML。

當我們瀏覽index.html時，它將發送一個異步請求到data.html，并將data.html的內容顯示在result div中。這樣，我們就可以動態地在index.html中加載和顯示其他HTML文件的內容。

舉個例子，假設我們data.html中有一個簡單的段落：

<p>這是來自data.html的內容</p>

當我們打開index.html時，我們將看到result div中顯示了“這是來自data.html的內容”。

除了加載一個HTML文件的內容，我們也可以通過使用AJAX來加載其他類型的文件，例如XML或JSON。這使得我們可以實現動態地獲取和顯示不同格式的數據。

總之，通過使用AJAX，我們可以在不重新加載整個網頁的情況下，通過異步請求與服務器交互，并動態地加載和顯示其他HTML文件的內容。這極大地提高了用戶體驗和網頁的交互性。無論是加載數據還是資源文件，AJAX都是一個非常實用的工具。