promise与axios原理浅析

promise

函数执行顺序 : 同步任务–>异步任务(微任务–> 宏任务)
promise

  • (特征)三个状态,一旦改变不可逆
    (pending—>fulfilled 成功 ,pending—>rejected 失败)
  • 作用:用于解决异步编程的问题(例如回调地狱)
  • 用法:本身是一个构造函数,使用new关键字创建promise异步任务对象,根据结果调用成功回调函数还是失败回调函数
  • 调用过程:1. pending—>调用resolve方法—>fulfilled 成功—>执行.then的第一个参数onfulfilled方法
    2.pending—>调用reject方法---->rejected 失败—>执行.then的第二个参数onrejected方法

axios与Ajax

jQuery中的Ajax:在js框架(vue、react等)中,很少需要直接操作dom。所以主要用于操作dom的jQuery逐渐被淘汰,相应的基于jQuery中的Ajax也基本不用。
axios概述:是一个基于Promise 封装了Ajax的请求资源的模块。其核心对象都是 XMLHttpRequest。且避免了”回调地狱“风险。
特性:可以拦截、转换、取消请求与响应。
创建请求语法:

 axios({
method:get/post,
url:' .....',
params:{} //get
data:{}//post
}).then(function(res){
res.data()
}).catch
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值