AJAX（Asynchronous JavaScript and XML）是一種在不需要重新加載整個頁面的情況下，通過 JavaScript 發送請求并接收響應的技術。當我們執行一個 AJAX 請求并成功返回時，success 函數將會被觸發執行。

在 Web 開發中，我們經常需要通過 AJAX 從服務器端獲取數據，并在頁面上進行展示或者進行其他操作。比如，當用戶在搜索框中輸入關鍵字時，我們可以通過 AJAX 請求從服務器獲取相關的搜索結果并將其展示在頁面上，而不需要重新加載整個頁面。

一個常見的例子是在一個電商網站上添加商品到購物車。假設有一個“添加到購物車”的按鈕，當用戶點擊該按鈕時，我們可以通過 AJAX 請求將商品信息發送到服務器，并通過在 success 函數中更新頁面上的購物車圖標或者顯示一個彈框，告知用戶成功加入購物車。以下是一個示例代碼：

$.ajax({
url: '/cart',
method: 'POST',
data: { productId: 123 },
success: function(response) {
$('#cart-icon').addClass('filled');
$('#cart-message').text('商品已成功加入購物車！');
}
});

在上面的代碼中，我們使用了 jQuery 的ajax函數發送一個 POST 請求到路徑為 '/cart' 的 URL。我們將商品的 ID 作為請求的數據發送到服務器。當請求成功返回時，success 函數將會被觸發執行。

在 success 函數中，我們通過選擇器$('#cart-icon')和$('#cart-message')更新了頁面上的購物車圖標和購物車消息。我們通過為購物車圖標添加一個類名filled，使其顯示為已經加入了商品。然后，我們通過修改購物車消息顯示的文本，告知用戶商品已經成功加入購物車。

除了更新頁面上的內容，我們還可以根據 success 響應的數據進行其他操作。比如，在上面的例子中，服務器可以返回一個包含購物車中的商品數量的 JSON 數據，我們可以根據該數據在頁面上顯示購物車中的商品數量。以下是擴展的示例代碼：

$.ajax({
url: '/cart',
method: 'POST',
data: { productId: 123 },
success: function(response) {
$('#cart-icon').addClass('filled');
$('#cart-message').text('商品已成功加入購物車！');
$('#cart-count').text(response.count);
}
});

在上面的代碼中，我們通過選擇器$('#cart-count')更新了頁面上顯示購物車中商品數量的元素。我們將服務器返回的數據中的商品數量賦值給該元素的文本內容。這樣，用戶可以實時地看到購物車中的商品數量。

總而言之，當我們使用 AJAX 發送請求并成功返回時，success 函數是非常有用的。我們可以在該函數中更新頁面上的內容或者進行其他操作，使用戶可以即時體驗到請求的結果。