ajax和fetch的区别

ajax 和 fetch的相同点和区别是什么?

以前我们都用ajax去做请求,

但是原生的ajax不好用,我们会用$.ajax或者axios插件去请求,他们都是ajax的封装
最近出来个fetch是什么?
问到这里的时候,你就已经入坑了,

因为 ajax只是一个异步xhr解决方案的概念,不能和fetch这个api同日而语。

所以我们我们说ajax和fetch的区别的时候,其实是想说这里异步的 xhr 解决请求方案

换个说法:异步xhr和fetch实现请求的区别

一、相同点:

  • 1、都是请求的方法;
  • 2、都是内置API;

二、不同点:

  • 1、用ajax(xhr)经常会用它周边的插件:$.ajax或axios,因为他们做了封装,直接用容易写出回调地狱;fetch直接用,他已经就是基于Promise写的;
  • 2、ajax(xhr)自带了监听进度的api,而fetch没得;
  • 3、ajax(xhr)是JS内置API,fetch是window的内置API;
  • 4、fetch对于400,500都当成成功的请求,需要封装处理;
  • 5、ajax(xhr)自带了中途取消请求的api,fetch没有;

然后你问我,会用哪种方式去请求,答案是看情况,写个小demo或者很小的项目可以用fetch;

反之,写大型的项目我会用ajax(xhr)去实现请求【具体实现可能就是用axios插件】,因为ajax(xhr)他自带监听进度的api,还可以中途取消请求;可拓展性强!

相关推荐
IT_陈寒3 分钟前
SpringBoot自动配置失效时我差点把电脑扔了
前端·人工智能·后端
李少兄3 分钟前
JavaScript 对象完全指南
开发语言·javascript·ecmascript
何何____18 分钟前
web方向js考核题解
开发语言·前端·javascript
风骏时光牛马18 分钟前
AI面试复盘:沉淀经验,找准求职短板
前端
liangshanbo121518 分钟前
面试题终极整理:手写 Promise.all / Promise.allSettled
前端·javascript·promise
心易行者18 分钟前
用HTML在线运行搭后台管理系统:5个核心模块+0服务器,3天跑通完整业务
大数据·前端·网络·人工智能·python
单线程1213830 分钟前
从案例分析 Vue3 Tokenizer+Parser 源码五
前端·javascript·vue.js
神奇的程序员38 分钟前
Apple Watch S12,送一台
前端
moonsims2 小时前
Voliro 无人机-Aerial Mobile Robot(空中移动机器人):把无人机从“飞过去拍摄”,升级成“飞过去并与目标物理接触、测量甚至操作”
前端·人工智能·安全·无人机·量子计算
晴天163 小时前
Chrome 控制台(DevTools)竟是用 HTML 写的?-Day41
前端·chrome·html