JQueryAJAX:防止由于设置间隔函数而导致的延迟

JQuery AJAX: prevent the delay caused due to set interval function

本文关键字:函数 延迟 设置 于设置 JQueryAJAX      更新时间:2023-09-26

我实时跟踪系统中的用户数量,为此我使用了javascript的setInterval()函数,以下是代码:

function fetchdis() {
$.ajax({
    url: "/count/dist",
    dataType: "json"
}).success(function(data){
    $('#val_dis').html(JSON.stringify(data.sum));
});
}
setInterval(function () {fetchdis()}, 3000);

一切都正常工作,除了我第一次加载数据时延迟了3秒(导致出现空白),我不希望第一次加载时出现这种间隔。

感谢您的帮助

这是因为setInterval每3秒执行一次回调,而您在其他任何地方都没有调用过该函数。

function fetchdis() {
  $.ajax({
      url: "/count/dist",
      dataType: "json"
  }).success(function(data){
      $('#val_dis').html(JSON.stringify(data.sum));
  });
}
fetchdis();
setInterval(function () {
  fetchdis();
}, 3000);

请注意,在注册间隔之前,我正在调用fetchdis()