fecth和axios的区别

fecth作为ajax的替代品,简化了部分网页更新的流程,但默认不带cookie且不支持abort和超时控制。相比之下,axios提供了更完善的解决方案,如支持超时和请求进度监测。然而,fetch的简洁性仍然吸引着开发者。
摘要由CSDN通过智能技术生成

fecth是ajax的替代品,首先我们了解什么是ajax,其次再来了解什么是fecth。

在我看来,ajax是在不改变整体的网页尔实现内部部分网页的更替,相对于以前fecth,axios等还没有开发的时候来说,极大的减少了代码的冗余,减少了时间的损耗。因为,相比以前传统的网页来说,不使用ajax的话,当插入或者删除一条数据时,需要重新加载网页。

ajax菜鸟教程链接:https://www.runoob.com/ajax/ajax-intro.html

而fecth如下

 axios的使用情况如下:

axios({
    method:"",
    url:"",
    data:""
}).then((res)=>{
    
})

从上面两者的使用情况不难看出axios请求的代码更加简洁。

fetch默认不会带cookie,需要添加配置项: fetch(url, {credentials: 'include'})

fetch不支持abort,不支持超时控制,使用setTimeout及Promise.reject的实现的超时控制并不能阻止请求过程继续在后台运行,造成了流量的浪费

fetch没有办法原生监测请求的进度,而XHR可以

axios则解决了上述的问题。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值
>