axios fetch ajax三者的认知和区别

axios

1.是一个常用的http库,可用于浏览器和nodejs的客户端;
2.同时处理并发请求;
3.拦截器(请求拦截器interceptors.request、响应拦截器interceptors.response)
请求拦截器interceptors.request是指可以拦截住每次或指定的http请求,并可修改配置项
响应拦截器interceptors.response 是指每次http请求后截住每次或指定http请求,并可修改返回结果项
4.浏览器支持防止csrf(跨站请求伪造)
5.数据修改器
请求转换器 transformRequest 指在请求之前对数据进行转换
响应转换器 transformResponse 主要对请求响应后的响应体做数据转换
6.可以通过config中的cancelToken属性,控制 取消axios

fetch

1.是基于promise实现的,也可以结合async/await。
2.请求默认是不带cookie的,需要设置fetch(URL,{credentials:’include’})。Credentials有三种参数:same-origin,include,*
3.服务器返回400 500 状态码时并不会reject,只有网络出错导致请求不能完成时,fetch才会被reject。
4.所有版本的 IE 均不支持原生 Fetch。
5.是widow的一个方法;

ajax

1.是XMLHTTPRequest的一个实例;
2.只有当状态为200或者304时才会请求成功

总结

axios fetch 前两者基于promise ajax后者主要利用callback的形式
fetch 脱离了xhr 是新的语法(默认不穿cookie 获取不到请求进度,)
有不足之处,希望可在评论区交流互补,谢谢

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值