axios同时请求多个ajax请求并同时返回处理的示例

2022-08-09 122点热度 0人点赞 0条评论

平时调用axios来请求ajaxAPI,很多时候是一个一个请求;不过还有一些时候,需要一次请求多个API,然后等待这几个接口都返回后,再一起处理。

这里用get方法举例(post也是类似的),使用的是axios.all方法:

const request1 = axios.get('/api/user/request1'); // 如果是post请求,也是同样的
const request2 = axios.get('/api/user/request2');
// const request3 = ...

// 再多的API,只要数组里加上去即可。
axios.all([request1, request2]).then(axios.spread((...responses) => {
    const response1 = responses[0];
    const response2 = responses[1];
    var list1 = response1.data;
    var list2 = response2.data;
    const list = [...list1, ...list2]; // 多个API返回的结果的处理,这里举个例子,把数据拼接起来
})).catch(errors => {
    // 处理请求错误,有一个API出错了,就会到这里
})

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论