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
}
- 如何使用Grafana搭建一个监控仪表盘系统?
- 如何使用chatgpt直接调用midjourney或dall-2的api生成图片?
- 如何通过文字来识别用户需要绘画?
- 抖音字节小程序的虚拟商品订单如何使用php进行同步?
- 如何对html静态网站页面的html、css、js代码进行加密混淆?
- colorui radio标签为啥在小程序中会错位失效?
- mysql数据库被勒索病毒删除,如何通过mysqlbinlog恢复数据库?
- win10电脑的显存多少如何查看?
- 有没有类似chatgpt的开源中文对话聊天机器人模型?
- uniapp、小程序、h5的page页面onload方法如何在onLaunch执行完后再触发?