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,还可以中途取消请求;可拓展性强!

相关推荐
敲代码的小吉米13 分钟前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式
是千千千熠啊14 分钟前
vue使用Fabric和pdfjs完成合同签章及批注
前端·vue.js
da-peng-song30 分钟前
ArcGIS Desktop使用入门(二)常用工具条——数据框工具(旋转视图)
开发语言·javascript·arcgis
九月TTS44 分钟前
TTS-Web-Vue系列:组件逻辑分离与模块化重构
前端·vue.js·重构
我是大头鸟1 小时前
SpringMVC 内容协商处理
前端
Humbunklung1 小时前
Visual Studio 2022 中添加“高级保存选项”及解决编码问题
前端·c++·webview·visual studio
墨水白云2 小时前
nestjs[一文学懂nestjs中对npm功能包的封装,ioredis封装示例]
前端·npm·node.js
低代码布道师2 小时前
第五部分:第一节 - Node.js 简介与环境:让 JavaScript 走进厨房
开发语言·javascript·node.js
满怀10152 小时前
【Vue 3全栈实战】从响应式原理到企业级架构设计
前端·javascript·vue.js·vue
luckywuxn2 小时前
使用gitbook 工具编写接口文档或博客
前端