项目中遇到一个问题,要用多个http请求,获取数据,然后将获取的数据统一处理…
第一反应想到用promise.all来做… 下面进入主体
// 首先使用promise封装http请求.
function getListByDetecttype (params) {
return new Promise((resolve, reject) => {
let param = params ? param : ' ';
let url = YOURURL
$.post(url, param)
.then(function (res){
res = JSON.parse(res);
if(res.result && res.code === 200) {
resolve(res);
} else {
console.log(err);
}
})
})
}
// 根据参数驱动,获取__PROMISE__数组
// 比如说,您的参数放在数组 __PARAMS__里面
for(let i =0; i < __PARAMS__.length; i++) {
__PROMISE__[i] = getListByDetecttype(__PARAMS__[i]);
}
// 使用Promise.all等待promise全部执行
Promise.all(__PROMISE__).then(function(values){
// 拿到数据后便可以为所欲为了...
console.log(values);
});
注:
- Promise.all不能保证异步的执行顺序
- 上面代码使用了jquery的$.post()使用需先导入jquery