html 触发请求,如何定期触发AJAX请求？

小编典典

正如其他人指出的那样，setInterval和setTimeout可以解决问题。我想强调一点我从Paul

Irish的精彩视频中学到的更先进的技术：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);

}

});

})();

2020-07-26