原代码是使用一个循环执行批量的$.get操作,如果使用单一循环过大,会瞬间对服务器做成大量请求。
for (i = 1; i < n; i++) {
$.get("http://xxx/" + i,
function(data) {
do other..
})
}
如果可以实现能否使用jQuery的Deferred Object进行代码的优化?把当完成一个get后再执行另外一个?令代码更有可读性?现在我用的办法是这样子:
var url = new Array();
for (i = 1; i < n; i++) {
url.push("http://xxx/" + i)
}
var doGet = function() {
if (url.length > 0) {
var tmpimg = url.shift();
$.get(tmpimg,
function(data) {
setTimeout(function() {
doGet()
},
500); //延时执行
})
} else {
//完成//
}
};
属于流程控制问题。
可以借鉴很多 Flow Control 的库类来协助完成该功能。例如 wind.js, async 等。
使用这些的好处是可以更方便地处理异常。楼上的递归方法很好的解决了问题,但是如果出现异常,就不方便处理了。
花了几分钟自己裸写了一个,供参考。推荐去学习 wind.js , async 的实现(我还没看过 -_- )。
这个的优点是统一异常的处理。代码的层级可能会少一些。
全选复制放进笔记
var series = function (arr, iterator, callback) {
var queues = [];
var next = function (err) {
if (err) {
callback(err);
return;
}
if(queues.length == 0) {
callback();
return;
}
queues.shift()(next);
};
var curry = function (func) {
var args = [].slice.call(arguments);
args.shift();
return function () {
args.concat([].slice.call(arguments));
func.apply(func, args);
}
};
for (var i = 0, n = arr.length; i < n; i++) {
queues.push(curry(iterator, arr[i]));
}
next();
};
var urls = [];
for (var i = 1; i < n; i++) {
urls.push("http://xxx/" + i)
}
series(urls, function(url, next) {
$.get(url, function(data) {
// 随便做啥
if(success) {
// 如果没有任何问题
next(null)
} else {
// 如果发生了某些错误
var err = new Error();
next(err);
}
})
}, function(err) {
if(err) {
// 处理异常
}
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。