AJAX（Asynchronous JavaScript and XML）是一種用于創建更好用戶體驗的網頁交互技術。它可以實現在不刷新整個頁面的情況下，異步加載服務器上的數據，并將其展示在網頁上。這種按需加載的方式可以大大提高網頁的加載速度，同時減少用戶等待的時間，為用戶提供更好的使用體驗。

舉個例子來說明，假設一個電商網站的搜索功能，當用戶在搜索框中輸入關鍵字并點擊搜索按鈕后，網站需要從服務器獲取與關鍵字相關的商品列表，并將其呈現給用戶。如果采用傳統的頁面刷新方式，在用戶點擊搜索按鈕之后，整個頁面都需要重新加載，用戶還需要重新瀏覽整個頁面才能找到自己感興趣的商品。而采用AJAX按需加載的方式，只需要局部刷新頁面，僅將與關鍵字相關的商品列表顯示出來，用戶可以立即看到搜索結果，無需等待整個頁面加載完成。

要實現AJAX按需加載HTML，需要用到XMLHttpRequest對象。XMLHttpRequest是瀏覽器提供的一種用于發送HTTP請求和接收響應的方式。我們可以使用它來向服務器發起異步請求，然后在收到服務器的響應后更新網頁。

下面是一個簡單的示例代碼，通過AJAX按需加載HTML頁面中的內容：

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

在上面的代碼中，我們定義了一個名為loadContent的函數，該函數的參數為一個URL地址，用于指定要加載的HTML頁面。首先創建一個XMLHttpRequest對象xhr，并設置了一個onreadystatechange事件處理函數。每當xhr的狀態發生改變時，該函數就會被觸發。當xhr的readyState為4（即xhr的請求已完成）且狀態碼為200（即成功接收到響應）時，我們將服務器返回的HTML內容賦值給ID為"content"的HTML元素的innerHTML屬性，以更新網頁的內容。

接下來，我們可以在網頁上添加一個按鈕，并指定一個點擊事件，當用戶點擊該按鈕時，觸發loadContent函數，將指定的HTML頁面按需加載到網頁上。

<button onclick="loadContent('example.html')">Load Content</button>
<div id="content"></div>

在上面的代碼中，當用戶點擊“Load Content”按鈕時，將調用loadContent函數，并將需要加載的HTML頁面地址作為參數傳遞給它。被加載的HTML內容將會顯示在ID為"content"的HTML元素所在的位置。

通過AJAX按需加載HTML的方式，可以極大地提高網頁的加載速度，并且用戶可以及時地得到所需的信息，提升了用戶體驗。當然，我們還可以通過添加loading圖標或狀態提示等，進一步優化用戶等待時的體驗。總之，AJAX按需加載HTML為網頁的開發和交互設計提供了更多的可能性，讓用戶能夠更加高效地瀏覽網頁。