Ajax（Asynchronous JavaScript and XML）是一種用于在網頁上無需刷新頁面的情況下，異步加載數據的技術。它利用JavaScript和XML，可以在后臺與服務器進行數據交換，然后使用獲取到的數據來更新頁面的內容。除了可以返回數據，Ajax還可以返回HTML，通過動態地將HTML插入到頁面中，大大提升了用戶體驗。 使用Ajax返回HTML可以實現許多有趣和實用的功能。比如，在一個在線商城網站上，當用戶點擊某個商品的詳細信息按鈕時，可以通過Ajax加載并返回該商品的詳細信息的HTML，然后將其插入到頁面中的一個指定的容器中。這樣，用戶無需離開當前頁面，就可以快速查看到所需的信息，提高了用戶體驗。 另一個例子是在一個社交媒體網站上，當用戶在評論框中提交評論時，頁面無需刷新，可以通過Ajax將該評論的HTML返回并插入到評論區的頂部或底部。這樣，其他用戶可以立即看到最新的評論，無需手動刷新頁面。 下面是一段使用Ajax返回HTML的代碼示例：

```javascript
function loadProductDetail(productId) {
var url = '/product/' + productId + '/detail';  // 后端接口 URL
var xhr = new XMLHttpRequest();  // 創建 XMLHttpRequest 對象
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {   // 狀態碼 200 表示請求成功
var html = xhr.responseText;  // 獲取服務器返回的 HTML
document.getElementById('productDetailContainer').innerHTML = html; // 將 HTML 插入到指定容器中
} else {
console.log('請求失敗');
}
}
};
xhr.open('GET', url, true); // 發起 GET 請求
xhr.send(); // 發送請求
}

在這個示例中，當用戶點擊某個商品的詳細信息按鈕時，`loadProductDetail`函數將會被調用，并傳入對應的商品ID。函數內部會通過XMLHttpRequest對象發起一個異步的GET請求，請求后端接口`/product/{id}/detail`。當服務器返回響應后，如果狀態碼為200，表示請求成功，函數會獲取服務器返回的HTML，并將其插入到ID為`productDetailContainer`的容器中。 通過上述的示例，我們可以看到，Ajax不僅可以返回數據，還可以返回HTML。這極大地提高了網頁的交互性和動態性，并為開發者提供了更多靈活的可能性。無論是在電子商務、社交媒體還是其他類型的網站中，使用Ajax返回HTML都可以為用戶提供更好的用戶體驗。