【前端|ajax 和 axios、fetch的区别】ajax在使用Vue之前,基本都在用这玩意儿。后来Vue用了后,基本都在用axios,至于fetch,根本就一次也未用过。但我知道它们的区别和各自的优势吗?不知道。
.区别
axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。 简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。 axios是ajax ajax不止axios。什么是ajax
ajax是一种网页局部刷新技术,是一种轻量数据交换的异步请求。什么是axios
用于浏览器和node.js的基于Promise的HTTP客户端什么是Promise API
- 从浏览器制作XMLHttpRequests
- 让HTTP从node.js的请求
- 支持Promise API
- 拦截请求和响应
- 转换请求和响应数据
- 取消请求
- 自动转换为JSON数据
- 客户端支持防止XSRF
它是解决:怎样在同一时刻发起多个请求, 然后分别处理响应结果而出生的。优缺点
ajax
局部数据刷新
本身是针对MVC的编程
多用于jquery项目
不符合现在前端MVVM的浪潮
axios
基于ajax封装
为MVVM框架而生 (vue react)
支持 Promise API
支持并发请求
fetch
AJAX在ES6的替代品
fetch不是ajax的进一步封装,而是原生js,没有使用XMLHttpRequest对象。
兼容性差
推荐阅读
- JavaScript|JavaScript基础( 浅聊 Object.defineProperty)
- 前端面试|JS的继承方法
- javaScript|AJAX基础使用
- 前端面试|webpack
- #yyds干货盘点#--30分钟上手jQuery
- WordPress中的”未捕获的TypeError($不是函数” [重复])
- web|如何用vs新建Asp.net项目(Web页面)
- 前端|HTML 实现扫雷游戏
- 未捕获的TypeError(无法读取未定义的属性”id”)