AJAX（Asynchronous JavaScript and XML）是一種用于在Web頁面上發送和接收數據的技術。在許多情況下，我們需要在不刷新整個頁面的情況下，動態更新特定的內容。循環請求是指以一定的時間間隔反復發送請求的行為。在這篇文章中，我們將探討使用AJAX進行循環請求并等待響應的方法，并且通過舉例子加以說明。

循環請求的需求

假設我們正在開發一個在線聊天應用。在聊天應用中，我們需要不斷地向服務器發送請求，以檢查是否有新的消息。如果有新的消息，我們需要實時將其顯示在聊天對話框中，而不是等待用戶手動刷新頁面。

使用AJAX進行循環請求

要實現循環請求的功能，我們可以使用AJAX的定時器功能setInterval來定時發送請求。例如，我們可以每隔5秒鐘發送一次請求，檢查是否有新的消息。

setInterval(function(){
$.ajax({
url: 'check_messages.php',
method: 'GET',
success: function(response){
// 處理服務器響應
if(response.newMessages){
// 在聊天對話框中顯示新的消息
}
}
});
}, 5000);

在上面的示例中，我們使用了jQuery庫中的ajax函數發送了一個HTTP GET請求到check_messages.php。在success回調函數中，我們處理服務器的響應。如果服務器返回了新的消息，我們可以將其顯示在聊天對話框中。

等待響應

在進行循環請求時，我們可能需要等待服務器的響應，然后再進行下一次請求。為了確保每個請求都在前一個請求完成之后發送，我們可以使用AJAX的遞歸調用。在success回調函數中，我們再次調用setInterval函數，實現循環請求的效果。

function sendRequest(){
$.ajax({
url: 'check_messages.php',
method: 'GET',
success: function(response){
// 處理服務器響應
if(response.newMessages){
// 在聊天對話框中顯示新的消息
}
// 等待一段時間后再次發送請求
setTimeout(sendRequest, 5000);
}
});
}
// 第一次發送請求
sendRequest();

在上述代碼中，我們定義了一個名為sendRequest的函數，其中包含AJAX請求的邏輯。在success回調函數中，我們等待一段時間后再次調用sendRequest函數，實現循環請求的效果。

結論

使用AJAX進行循環請求并等待響應是實現動態內容更新的重要技術。在本文中，我們討論了使用setInterval函數和遞歸調用的方法，并通過在線聊天應用的示例進行了說明。這種技術可以大大提升用戶體驗，實時更新信息，并且避免了手動刷新頁面的繁瑣操作。