用setTimeout 代替 setInterval实时拉取数据

  在开发中,我们常常碰到需要定时拉取网站数据,如:

setInterval(function(){
$.ajax({
url: 'xx',
success: function( response ){
// do something with the response
}
});
}, 5000);

请思考下此写法有什么弊端?

能想到情况是:如果接口异常了,程序仍然会间隔5000ms抓取数据。换句话说,我们不能捕获到异常,并做一些合理的调整。

所以我们换个写法:

// new hotness
(function loopsiloop(){
setTimeout(function(){
$.ajax({
url: 'xx',
success: function( response ){
// do something with the response loopsiloop(); // recurse
},
error: function(){
// do some error handling. you
// should probably adjust the timeout
// here. loopsiloop(); // recurse, if you'd like.
}
});
}, 5000);
})();

如果我们能捕获到异常,可以限定异常大于10次时,我们将不再拉取数据,并且在异常 》1 且 《10 时,我们可以适当将间隔拉大,让服务器有休息的时间。

程序稍微修改成:

var failed = 0; 

(function loopsiloop( interval ){
interval = interval || 5000; // default polling to 1 second setTimeout(function(){
$.ajax({
url: 'foo.htm',
success: function( response ){
// do something with the response loopsiloop(); // recurse
},
error: function(){ // only recurse while there's less than 10 failed requests.
// otherwise the server might be down or is experiencing issues.
if( ++failed < 10 ){ // give the server some breathing room by
// increasing the interval
interval = interval + 1000;
loopsiloop( interval );
}
}
});
}, interval);
})();

这样是不是灵活多了。

上一篇:移动Web开发小结


下一篇:MongoDB的基本操作(一)