var ret=[]; for(i=0;i<6;i++){ ajax(/**/).sucess(function(res){ret.push(res)}); } console.log(ret);今天项目中遇到一个问题,就是同时要执行多个ajax请求,然后在汇总结果,但是由于js是异步的,还没请求完就汇总结果了,怎么办?
网友回复
可以实现promise实现,promise可以很优雅地实现并行和串行执行方式
var ret=new Array();
/**
* 创建promise
* @param {Number} value
*/
function makePromise (value) {
return new Promise((resolve) => {
$.ajax(success(function(res){
ret.push(res);
resolve(value);
}));
})
}
let promises = [1, 3, 4, 5, 6].map((item, index) => {
return makePromise(item)
});
// 并行执行
Promise.all(promises)
.then(() => {
console.log('done')
})
.catch(() => {
console.log('error')
})
// 串行执行
let parallelPromises = promises.reduce(
(total, currentValue) => total.then(() => currentValue.then(print)),Promise.resolve()
)
parallelPromises
.then(() => {
// console.log('done')
})
.catch(() => {
console.log('done')
})
// 顺带复习一下reduce方法
reduce((total, currentValue, currentIndex, arr) => {}, initialValue)
let arr1 = [1, 2, 3, 4, 5]
let res = arr1.reduce((total, currentValue, currentIndex, arr) => {
return total + currentValue
});
/**
* 打印结果
* @param {Number} value
*/
function print (value) {
return value
}