黑马程序员技术交流社区

标题: 【上海校区】axios和ajax区别 [打印本页]

---

作者: 束玉杰    时间: 2020-5-29 09:54
标题: 【上海校区】axios和ajax区别
[转] 原文链接：https://blog.csdn.net/qq_42942555/article/details/88400721
刚刚接触axios有好多疑惑。它和ajax有什么关系呢和区别呢？接下来一起看下：
1.区别
axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。
简单来说： ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。
axios是ajax ajax不止axios。
下面列出代码来对比一下：
axios

[AppleScript] 纯文本查看 复制代码

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：

[AppleScript] 纯文本查看 复制代码

$.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
提供了一些并发请求的接口（重要，方便了很多的操作）

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2