React 中 axios 请求All并行处理,VUE一样适用

28 篇文章 0 订阅
26 篇文章 0 订阅

多个请求要等全部都请求玩再做处理实现,这有时候是会用到的.这里记录下.

单独抽离demo

demo 请狠狠的戳这里  ¥  http://download.lllomh.com/cliect/#/product/J901298760373511

demo 请狠狠的戳这里  c https://download.csdn.net/download/lllomh/12792456

先上代码:

import axios from 'axios'


// 对all 的封装:
const $all = function (url, params) {
    requestNames = params.requestName
     console.log(params.requestName)
       return  axios({
            url:url,
            method:'POST',
           data:qs.stringify({
               requestName:params.requestName,
           }),
        })
}



   
 getCardPayList=()=>{
        let postData = {
            requestName:"P_CARDLIST",
        };
        return this.$axios.$all(P_CARDLIST,postData)
    }


    getAdressList=()=>{
        let postData = {
            requestName:"P_ADDRESS",
        };
        return this.$axios.$all(P_ADDRESS,postData)
    }

   

 axios.all([this.getCardPayList(),this.getAdressList()])
            .then(axios.spread((card,adress)=>{
   
                console.log(card)
                console.log(adress)
                //当这两个请求都完成的时候会触发这个函数,两个参数分别代表返回的结果
            }))


入口处: React.Component.prototype.$axios = axios;

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值