首页 > 编程知识 正文

axios和ajax哪个好,axios是ajax技术吗

时间:2023-05-03 19:49:52 阅读:192211 作者:1148

1.区别
axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。
简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。

代码来对比一下:
axios代码:

axios({ url: '/getUsers', method: 'get', responseType: 'json', // 默认的 data: { //'a': 1, //'b': 2, } }).then(function (response) { console.log(response); console.log(response.data); }).catch(function (error) { console.log(error); })

ajax代码:

$.ajax({ url: '/getUsers', type: 'get', dataType: 'json', data: { //'a': 1, //'b': 2, }, success: function (response) { console.log(response); } })

2.优缺点:
ajax:
1)本身是针对MVC编程,不符合前端MVVM的浪潮;
2)基于原生XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案,jquery整个项目太大,单纯使用ajax却要引入整个jquery非常不合理(采取个性化打包方案又不能享受cdn服务);
3)ajax不支持浏览器的back按钮;
4)安全问题ajax暴露了与服务器交互的细节;
5)对搜索引擎的支持比较弱;
6)破坏程序的异常机制。

axios:
1)从 node.js 创建 http 请求;
2)支持 Promise API;
3)客户端支持防止CSRF;
4)提供了一些并发请求的接口(重要,方便了很多的操作)。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。