使用AJAX技術可以實現網頁與服務器之間的異步數據交互，而回調函數則是在AJAX請求完成后執行的函數。在某些情況下，我們可能需要在一個回調函數結束后再次觸發AJAX請求。本文將討論如何在AJAX回調函數結束后重新觸發AJAX請求并提供相關示例。 在某些情境下，我們可能會對一組數據進行多次涉及Ajax的請求。舉個例子，考慮一個在線商城的網站。當用戶選擇一個商品進行購買時，我們需要通過AJAX請求將這個商品的相關信息發送給服務器。然后，當用戶添加另一個商品時，我們又需要再次發送AJAX請求來獲取該商品的信息。這個過程中，我們需要在每個AJAX請求完成后再次觸發AJAX請求，以便獲取新的產品信息并更新頁面上的內容。 下面是一個使用jQuery庫編寫的示例代碼：

function getProductInfo(productId) {
$.ajax({
url: 'get_info.php',
type: 'POST',
data: {id: productId},
success: function(response) {
// 在這里處理從服務器返回的商品信息
// ...
// 觸發下一次AJAX請求
getProductInfo(newProductId);
}
});
}
// 第一次觸發AJAX請求
getProductInfo(productId);

在上述示例代碼中，我們定義了名為getProductInfo的函數，它接受一個productId作為參數。在函數內部，我們使用$.ajax函數發送了一個AJAX請求來獲取指定產品的信息。當AJAX請求成功完成后，success回調函數被觸發，并在函數內部處理從服務器返回的商品信息。接著，我們可以通過新的productId參數再次調用getProductInfo函數，從而觸發下一次AJAX請求，以獲取新的產品信息。這種方式可以保證在每次AJAX請求結束后，重新觸發新的AJAX請求。 除了jQuer庫，我們還可以使用原生JavaScript來實現相同的效果。下面是一個使用原生JavaScript的示例代碼：

function getProductInfo(productId) {
var xhr = new XMLHttpRequest();
xhr.open('POST', 'get_info.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 在這里處理從服務器返回的商品信息
// ...
// 觸發下一次AJAX請求
getProductInfo(newProductId);
}
}
xhr.send('id=' + productId);
}
// 第一次觸發AJAX請求
getProductInfo(productId);

在上述使用原生JavaScript的示例代碼中，我們使用XMLHttpRequest對象來發送AJAX請求。在回調函數onreadystatechange中，我們檢查請求的狀態和響應的狀態碼，以確保請求成功完成。然后，在函數內部處理從服務器返回的商品信息，并通過新的productId參數再次調用getProductInfo函數，從而觸發下一次AJAX請求。 綜上所述，通過在AJAX回調函數結束時再次觸發AJAX請求，我們可以實現在多個AJAX請求之間的數據交互。無論是使用jQuery庫還是原生JavaScript，我們都可以輕松地實現這一功能。這種技術在一些需要連續發起AJAX請求，并在請求完成后立即再次觸發的情況下非常有用，如動態加載更多內容、實時更新數據等。