Vue | Axios与Promise

本文介绍了Vue中Axios库的使用,通过实例展示了其基于Promise的特性。详细探讨了Axios请求的异步过程,包括pending状态、回调队列的执行顺序,并提及了Axios的嵌套请求。在实验中,分析了setTimeout与Axios回调的执行时间关系,揭示了异步操作的细节。
摘要由CSDN通过智能技术生成

Axios

Axios是VueJs中用于发送请求的一个http库,之前用的时候看见then,catch,就觉得应该是基于Promise实现的,下面看一段代码:

       console.tiem('x');
       let p = this.$axios.get('/api/just_test');
       console.log(p); // 1 Promise : PromiseStatus = pending

        p.then(res=>{   
          console.tiemEnd('x');//5001ms
          console.log(p);// 3 Promise : PromiseStatus = resolved
        });
        p.catch(err=>{
          console.log(p); // 4 Promise : PromiseStatus = reject
        });

       console.log('AAAA'); // 2
        
        //输出顺序 1 -> 2 -> 3或4        

       // 后台部分
       def just_test(request):
            time.sleep(5)
            return JsonResponse({'info': 'okok'})
  1. let p = this.$axios.get('/api/just_test') 相当于:

    return new Promise( (resolved,reject)=>{ <
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值