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

相关推荐
小徐_23331 天前
wot-ui-cli 1.1.0 发布:支持 OpenCode、Antigravity,wot-ui 图标迁移不再靠猜
前端
__zRainy__1 天前
Node.js Web 框架选型指南:从 Express 到 Hono 的全景对比
前端·node.js·express·koa·nestjs·egg·fastify
西瓜有点饿1 天前
PostCSS 和 UnoCSS 的作用和区别
前端·postcss
mCell1 天前
Lua 编程入门:从基础语法到元表
javascript·算法·lua
伟大的兔神1 天前
我做了一个本地优先的 AI 图片工作台:Loomora v1.0.0 正式发布
前端·javascript·vue.js
90后的晨仔1 天前
uni-app项目 Vue3 状态管理 Pinia 完全指南:从概念到实战的深度解析
前端
90后的晨仔1 天前
uni-app 在 iOS 平台跳转页面时移除底部安全区域的完整技术指南
前端
用户938515635071 天前
React + JWT 登录鉴权底层原理与工程化实践
前端·react.js
zww89491111 天前
家政派单系统开发实战:架构设计与派单算法指南
前端·系统架构
fangzhanpeng1681 天前
(前端)2.js变量作用域样例
开发语言·前端·javascript