在开发中,我们常常碰到需要定时拉取网站数据,如:
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);
})();
这样是不是灵活多了。