$.when() jQuery中的api
$.when($.ajax({
url: url,
dataType: "jsonp",
data: {"movieId": 248906},
success: function(data) {
var data = data.data.data;
var actorList = data.stars.split(',').join(' | ');
var type = data.category.split(',').join(' | ');
result.push({
"actorList": actorList,
"type": type
})
},
error: function(err) {
console.log(err)
}
}), $.ajax({
url: url,
dataType: "jsonp",
data: {"movieId": 1212492},
success: function(data) {
var data = data.data.data;
var actorList = data.stars.split(',').join(' | ');
var type = data.category.split(',').join(' | ');
result.push({
"actorList": actorList,
"type": type
})
},
error: function(err) {
console.log(err)
}
}), $.ajax({
url: url,
dataType: "jsonp",
data: {"movieId": 346765},
success: function(data) {
var data = data.data.data;
var actorList = data.stars.split(',').join(' | ');
var type = data.category.split(',').join(' | ');
result.push({
"actorList": actorList,
"type": type
})
},
error: function(err) {
console.log(err)
}
})).done(function() {
console.log(result)
})
全局变量判断
var ajax_done_count = 0;
function ajax_done() {
if(ajax_done_count === 3) {
// 渲染页面
} else {
// 什么都不做
}
}
$.ajax({success: function(data) {
ajax_done_count += 1;
ajax_done();
}})
$.ajax({success: function(data) {
ajax_done_count += 1;
ajax_done();
}})
$.ajax({success: function(data) {
ajax_done_count += 1;
ajax_done();
}})
promise.all
貌似在es5中也支持promise了 ...
我写了一个demo
var url = 'http://xxx/xxx';
var idList = [248906, 1212492, 346765, 341139];
var result = [];
var promiseArr = [];
function createPromise (id) {
return new Promise(function(resolve, reject) {
$.ajax({
url: url,
dataType: "jsonp",
data: {"movieId": id},
success: function(data) {
var data = data.data.data;
resolve({
"actorList": data.stars,
"type": data.category
});
},
error: function(err) {
reject(err);
}
})
})
}
idList.map(function(i) {
promiseArr.push(createPromise(i))
})
console.log(promiseArr)
Promise.all(promiseArr).then(function(data) {
result = data;
console.log(result);
// 渲染页面
}).catch(function(err) {
console.log(err);
})
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。