详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题/前端请求同一ajax 返回快慢会覆盖问题

1.ajax的async属性控制同步和异步,设置为(false)同步请求

2.定义一个全局总数变量,记录每次服务的次数,判断每次调用的第几次和总数是否一致,一致就执行。

 data() {

               return{

                arry:[],

                num:0,

               }

            },

 methods: {

                d1(){

                    var vm = this;

                    vm.num++;

                    var a = vm.num;

                    setTimeout(()=>{

                        vm.fun(a,'d1');

                    },3000)

                },

                d2(){

                    var vm = this;

                    vm.num++;

                    var a = vm.num;

                    setTimeout(()=>{

                        vm.fun(a,'d2');

                    },10)

                },

                fun(num,type){

                    if(num == this.num){

                        console.log(num,type)

                    }

                },

            },

3.可以把次数传给后台,让后台返回不用自己记录。

           

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值