jqueryajax-加载计时器

我正在使用Ajax方法检索数据，有没有一种方法可以在执行过程中实现加载计时器

---

干杯

您可以使用

$.ajaxStart（）

和

$.ajaxComplete（）

这两种方法，无论何时启动/完成Ajax调用，都可以绑定处理程序

---

否则，我不认为有任何方法可以测量呼叫的进度。

因为呼叫是异步的，并且无法判断请求何时/是否完成，所以没有办法执行实际的计时器。如果您使用的是jQuery，那么可以使用ajaxStart（）/ajaxComplete（）方法来显示正在加载的图像或其他内容

使用

style=“display:none；”

css在

div

中添加

ajaxLoader.gif

spinny动画图像，然后在AJAX回发开始时，在查询完成后再次调用回调中的

.show（）

。如果您想显示/隐藏所有AJAX回发的加载程序，也可以使用

ajaxStart（）

和

ajaxComplete（）

事件。

很好地看到加载时间会有所不同，计时器可能不是最好的选择，但您可以做的是拥有这样的图像

您可以从

然后在jQuery中，如果您使用的是jQuery。在请求之前显示预加载程序

$("#Preloader").show();
$.ajax({
  url: "test.html",
  context: document.body,
  success: function(){
    // On success hide the preloader
    $("#Preloader").hide();
  },
  error: function(){
    // On error hide the preloader as well
    $("#Preloader").hide();
  }
});

---

在AJAX之前取消隐藏旋转的gif，在完成时将其隐藏。复制/粘贴打字-成功时调用

.hide（）

；o） 使用

ajaxStart（）

和

ajaxComplete（）

的好主意。