ajax 请求等待loading_ajax等待响应时间：示例代码

Ajax请求等待loading_ajax等待响应时间是指在发送Ajax请求后，等待服务器返回响应的过程中，可以通过显示一个loading动画来提醒用户正在等待数据加载的过程。这样可以提高用户体验，避免用户以为页面卡顿或没有响应。

在示例代码中，我们可以通过以下步骤来实现Ajax请求等待loading_ajax等待响应时间的效果：

1. 我们需要在页面中添加一个用于显示loading动画的元素，例如一个div容器。可以使用CSS样式来设置该元素的样式，例如设置其为一个旋转的loading图标。

<div id="loading" style="display: none;">
  <img src="loading.gif" alt="Loading..." />
</div>

2. 接下来，在发送Ajax请求之前，我们需要显示loading动画。可以通过设置该元素的display属性为"block"来显示loading动画。

document.getElementById("loading").style.display = "block";

3. 然后，我们发送Ajax请求，并等待服务器返回响应。在示例代码中，我们使用了XMLHttpRequest对象来发送Ajax请求。

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://example.com/data", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理服务器返回的数据
  }
};
xhr.send();

4. 在服务器返回响应后，我们需要隐藏loading动画。可以通过设置该元素的display属性为"none"来隐藏loading动画。

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理服务器返回的数据
    document.getElementById("loading").style.display = "none";
  }
};

通过以上步骤，我们可以实现在发送Ajax请求并等待响应的过程中，显示和隐藏loading动画，提醒用户正在等待数据加载的过程。这样可以改善用户体验，让用户知道页面正在加载数据，避免用户以为页面没有响应。