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函数和递归调用的方法，并通过在线聊天应用的示例进行了说明。这种技术可以大大提升用户体验，实时更新信息，并且避免了手动刷新页面的繁琐操作。