AJAX（Asynchronous JavaScript and XML）是一種用于創建快速、交互式網頁應用程序的技術。它使用JavaScript來向服務器發送異步請求，并在不刷新整個頁面的情況下，動態更新網頁內容。雖然AJAX主要用來處理數據交互，但有些場景下它也可以返回HTML代碼。本文將探討在哪種情況下使用AJAX可以返回HTML，并通過舉例說明其用法。

AJAX主要用于向服務器請求數據，并根據返回的數據來更新網頁內容。一般來說，AJAX會返回JSON、XML或文本數據。但有時候我們也需要將服務端生成的HTML代碼返回給瀏覽器，并在前端進行展示。這種情況通常出現在以下三種場景中：

第一種情況是在需要局部刷新頁面內容的時候。假設我們有一個博客網站，用戶可以在首頁上看到最新的文章列表，每篇文章都帶有一個"查看詳情"的按鈕。當用戶點擊該按鈕時，我們希望只更新這篇文章的詳細內容，而不是刷新整個頁面。這時候，我們可以使用AJAX請求服務端，獲得該篇文章的HTML代碼，并將其插入到頁面的適當位置。這樣就實現了一種快速加載內容的效果，提升了用戶的體驗。

$.ajax({
url: '/article/123',
method: 'GET',
success: function(response) {
$('.article-details').html(response);
}
});

第二種情況是在構建動態頁面時。有些網站需要根據用戶的操作和選擇來動態生成頁面內容。比如，在一個電子商務網站上，用戶可以選擇商品的不同參數，如顏色、尺寸等。根據用戶的選擇，網站需要生成相應的HTML代碼，并將其展示給用戶。這時候，我們可以使用AJAX向服務端發送請求，將基于用戶選擇生成的HTML代碼返回給瀏覽器，并將其插入到頁面中。

$('.product-options').on('change', function() {
var selectedColor = $('.product-color').val();
var selectedSize = $('.product-size').val();
$.ajax({
url: '/product-options',
method: 'POST',
data: {
color: selectedColor,
size: selectedSize
},
success: function(response) {
$('.product-details').html(response);
}
});
});

第三種情況是在實現搜索功能時。當用戶輸入關鍵詞進行搜索時，我們希望將搜索結果顯示在頁面上，而不是跳轉到另一個頁面。這時候，我們可以使用AJAX發送搜索請求，將搜索結果的HTML代碼返回給瀏覽器，并將其動態插入到頁面中。

$('.search-form').on('submit', function(e) {
e.preventDefault();
var keyword = $('.search-input').val();
$.ajax({
url: '/search',
method: 'GET',
data: {
keyword: keyword
},
success: function(response) {
$('.search-results').html(response);
}
});
});

綜上所述，盡管AJAX主要用于處理數據交互，但在某些情況下它也可以返回HTML代碼。當我們需要局部刷新頁面內容、構建動態頁面或實現搜索功能時，可以使用AJAX向服務端請求HTML代碼，并在前端進行展示。通過靈活運用AJAX，我們可以提升網站的用戶體驗，并實現更加動態和交互的網頁應用程序。