ajax和axios要都学吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax和axios要都学吗相关的知识,希望对你有一定的参考价值。

参考技术A 都要学。ajax和axios都是属于应用于网页的HTTP库,只要学习前端框架的课程,这两个时都要学习的。axios是一个基于Promise的HTTP库,而ajax是对原生XHR的封装。ajax技术实现了局部数据的刷新,而axios实现了对ajax的封装。

细谈 axios和ajax区别

刚刚接触axios有好多疑惑。它和ajax有什么关系呢和区别呢?接下来一起看下:
1.区别
axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。
简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。
axios是ajax ajax不止axios。
下面列出代码来对比一下:
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:
本身是针对MVC的编程,不符合现在前端MVVM的浪潮
基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案
JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务
axios:
从 node.js 创建 http 请求
支持 Promise API
客户端支持防止CSRF
提供了一些并发请求的接口(重要,方便了很多的操作)
————————————————
版权声明:本文为CSDN博主「钓鱼要到岛上钓」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_42942555/article/details/88400721

以上是关于ajax和axios要都学吗的主要内容,如果未能解决你的问题,请参考以下文章

细谈 axios和ajax区别

axios和ajax的区别在哪里?

axios和ajax区别

面试题系列--axios和ajax区别

axios 与 ajax

jQuery Ajax 和 axios Ajax