axios和Promise.all 配合使用

2019-03-01 3,829 阅读1分钟

使用场景：

由于项目中本来一个接口获取到的数据，被拆分到了多个接口，但是还要能全部返回数据之后才能做页面显示，虽然发很多http请求会慢，但是因为是异步的，而且符合业务需求，所以想到了使用promise All。

使用方法：

//拼接get请求地址
function getData(groupId)
{     
//获取数据 
  let queryStr='http://10.**.**.**/data.aspx?mdid=ModelData&groupid='+groupId+'date='+new Date().getTime()  
  return queryStr;
}

//返回多个axios请求promise；
function getPromiseArray(groupIds)
{ 
  let promiseArray=[];
  for (let groupId of groupIds){
    const promiseEach=axios.get(getWfsByGroupId(groupId),
    { 
    withCredentials: true
    });       
  promiseArray.push(promiseEach);  
  }
  return promiseArray;
    
}

//http全部返回之后，获取返回数据
function getAllWfs(groupIds,callBack){ 
let allWfs={};   
Promise.all(getPromiseArray(groupIds)).then(function(values) {
for(let i=0;i<values.length;i++)
   { 
  let str=JSON.parse(values[i].data);
   }  
    
 }   
callBack(allWfs);  
 }); 
}