axios和ajax区别是:axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装,axios是ajax ajax不止axios。
一、axios和ajax区别
axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装,axios是ajax ajax不止axios。
Ajax是对原生XHR的封装,为了达到我们跨越的目的,增添了对JsonP的支持。
异步的 javascript和 xml,ajax不是一门新技术,而是多种技术的组合,用于快速的创建动态页面,能够实现无刷新更新数据从而提高用户体验。
Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中;是请求资源的模块;通过promise对ajax的封装。
简单理解为:封装好的、基于promise的发送请求的方法,因此不用设置回调函数,直接去调用then方法。
优缺点
ajax:
本身是针对MVC的编程,不符合现在前端MVVM的浪潮
基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案
JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务
axios:
从 node.js 创建 http 请求
支持 Promise API
客户端支持防止CSRF
提供了一些并发请求的接口(重要,方便了很多的操作)
延伸阅读:
二、Ajax适用
Ajax适用场景
1、表单驱动的交互
2、深层次的树的导航
3、快速的用户与用户间的交流响应
4、类似投票、yes/no等无关痛痒的场景
5、对数据进行过滤和操纵相关数据的场景
6、普通的文本输入提示和自动完成的场景
Ajax不适用场景
1、部分简单的表单
2、搜索
3、基本的导航
4、替换大量的文本
5、对呈现的操纵
以上就是关于axios和ajax区别的内容希望对大家有帮助。