jquery – 如何定期激发AJAX请求?

<meta http-equiv="Refresh" Content="5">

此脚本每5秒重新加载或刷新页面。但我想使用jQuery和AJAX调用。可能吗?

因为其他人已经指出setInterval和setTimeout会做的伎俩。我想强调一点更先进的技术,我从这个伟大的视频中学到了保罗爱尔兰:http://paulirish.com/2010/10-things-i-learned-from-the-jquery-source/

对于可能花费比重复间隔更长时间的周期性任务(例如缓慢连接上的HTTP请求),最好不要使用setInterval()。如果第一个请求没有完成并且你启动另一个请求,你可能会遇到一个情况,你有多个请求,消耗共享资源和饥饿彼此。您可以通过等待计划下一个请求,直到最后一个请求完成为止,以避免此问题:

// Use a named immediately-invoked function expression.
(function worker() {
  $.get('ajax/test.html', function(data) {
    // Now that we've completed the request schedule the next one.
    $('.result').html(data);
    setTimeout(worker, 5000);
  });
})();

为了简单起见,我使用了成功回调进行调度。这个的缺点是一个失败的请求将停止更新。为了避免这种情况,你可以使用完整的回调:

(function worker() {
  $.ajax({
    url: 'ajax/test.html', 
    success: function(data) {
      $('.result').html(data);
    },
    complete: function() {
      // Schedule the next request when the current one's complete
      setTimeout(worker, 5000);
    }
  });
})();
http://stackoverflow.com/questions/5052543/how-to-fire-ajax-request-periodically

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:jquery – 如何定期激发AJAX请求?