首页 > 移动平台 > 详细

axios和ajax的区别

时间:2021-03-11 17:33:31      阅读:28      评论:0      收藏:0      [点我收藏+]

1.区别

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

2.俩者对比

axios

 1 axios({
 2             url: ‘/getUsers‘,
 3             method: ‘get‘,
 4             responseType: ‘json‘, // 默认的
 5             data: {
 6                 //‘a‘: 1,
 7                 //‘b‘: 2,
 8             }
 9         }).then(function (response) {
10             console.log(response);
11             console.log(response.data);
12         }).catch(function (error) {
13             console.log(error);
14             })

ajax

 1 $.ajax({
 2             url: ‘/getUsers‘,
 3             type: ‘get‘,
 4             dataType: ‘json‘,
 5             data: {
 6                 //‘a‘: 1,
 7                 //‘b‘: 2,
 8             },
 9             success: function (response) {
10                 console.log(response);
11             }
12         })

优缺点:

ajax:
本身是针对MVC的编程,不符合现在前端MVVM的浪潮
基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案
JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务
axios:
从 node.js 创建 http 请求
支持 Promise API
客户端支持防止CSRF
提供了一些并发请求的接口(重要,方便了很多的操作)

原文链接:https://blog.csdn.net/qq_42942555/article/details/88400721

 

axios和ajax的区别

原文:https://www.cnblogs.com/liazhimao/p/14516991.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!