AJAX 是一種用于在網頁中發起異步請求和更新網頁內容的技術。在AJAX請求成功后，我們可以通過調用函數來處理返回的數據或更新頁面。這種能力使得我們能夠在不刷新整個頁面的情況下，實現動態的網頁內容。
舉例來說，假設我們正在開發一個購物網站，并且希望在用戶添加商品到購物車后，自動更新購物車的數量和總價。當用戶點擊“加入購物車”按鈕時，AJAX請求會被發送到服務器，服務器會返回更新后的購物車數量和總價。在AJAX請求成功之后，我們可以調用一個函數來更新網頁上的購物車信息，而不需要刷新整個頁面。
讓我們來看一個簡單的例子來理解如何在AJAX請求成功后調用函數。假設我們有一個頁面，上面有一個按鈕和一個顯示信息的div元素。當用戶點擊按鈕時，我們會通過AJAX請求從服務器獲取一條隨機的笑話，并將其顯示在div元素中。
首先，我們需要定義一個函數來處理AJAX請求成功后的動作。在這個例子中，我們將這個函數命名為displayJoke。以下是一個使用jQuery的示例：

html
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function displayJoke(joke) {
// 更新div元素的內容
$("div").text(joke);
}
$("button").click(function() {
$.ajax({
url: "https://api.example.com/jokes/random",
success: function(response) {
// 請求成功后調用displayJoke函數
displayJoke(response.joke);
}
});
});
</script>

在上面的代碼中，我們定義了一個displayJoke函數，并在AJAX請求的success回調函數中調用它。當AJAX請求成功后，服務器的響應數據將會被傳入displayJoke函數中，然后我們可以使用$("div").text(joke)來更新div元素的內容。
這樣，當用戶點擊按鈕時，AJAX請求將會被發送到服務器，并在請求成功后調用displayJoke函數來更新笑話的顯示。
除了jQuery，我們也可以使用其他類似的庫或純JavaScript來實現類似的功能。下面是一個使用純JavaScript的例子：

html
<button onclick="getJoke()">獲取笑話</button>
<div id="joke-div"></div>
<script>
function displayJoke(joke) {
// 更新div元素的內容
document.getElementById("joke-div").innerText = joke;
}
function getJoke() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 請求成功后調用displayJoke函數
displayJoke(JSON.parse(xhr.responseText).joke);
}
};
xhr.open("GET", "https://api.example.com/jokes/random", true);
xhr.send();
}
</script>

在這個例子中，我們將displayJoke函數定義為一個全局函數，并直接在HTML按鈕的onclick事件中調用getJoke函數。當用戶點擊按鈕時，getJoke函數會發送一個AJAX請求，并在請求成功后調用displayJoke函數來更新笑話的顯示。
總而言之，當AJAX請求成功后，我們可以通過調用函數來處理返回的數據或更新頁面。這種能力使得我們可以實現更加動態和交互的網頁體驗。無論是使用jQuery還是純JavaScript，我們都可以輕松地將AJAX請求成功后的處理邏輯封裝為一個函數，并在適當的時機調用它。