axios和ajax的区别

区别：

axios是通过Promise实现对ajax技术的一种封装，就像jquery对ajax的封装一样，简单来说就是ajax技术实现了局部数据的刷新，axios实现了对ajax的封装，axios有的ajax都有，ajax有的axios不一定有，总结一句话就是axios是ajax，ajax不止axios

写法：

axios:

axios({
    method: 'post',
    url: '/user/12345',
    data: {
        firstName: 'Fred',
        lastName: 'Flintstone'
    }
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

ajax:

$.ajax({
    url: 'http://jsonplaceholder.typicode.com/users',
    type: 'get',
    dataType: 'json',
    data: {
        //'a': 1,
        //'b': 2,
    },
    success: function (response) {
        console.log(response)；
    }
})

优缺点：

axios:

1. 从node.js创建http请求
2. 支持Promise API
3. 客户端防止CSRF（网站恶意利用）
4. 提供了一些并发请求的接口

ajax:

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