axios，ajax，xhr，promise关系

1.什么是xhr？

所谓xhr其实就是xmlhttprequest，用于与服务器进行数据交互

优点:

1.实现网页的局部刷新，因为传统的刷新都是把整个页面刷新

2.在页面加载后对服务器进行请求和接受数据

xhr学习链接

后面讲的axios和ajax底层都是xhr.

2.什么是ajax

ajax对xhr进行了封装，增添了对JSONP的支持。异步的javascript和xml，ajax不是一门新技术，而是多种技术的组合，用于快速的创建动态页面，能够实现无刷新更新数据从而提高用户体验。

实现原理:由客户端请求ajax引擎，再由ajax引擎请求服务器，服务器作出一系列响应之后返回给ajax引擎，由ajax引擎决定将这个结果写入到客户端的什么位置。实现页面无刷新更新数据。

优点　

　1、无刷新更新数据

　2、异步与服务器通信

　3、前端和后端负载平衡

　4、基于标准被广泛支持

　5、界面与应用分离

缺点：

　1、ajax不能使用Back和history功能，即对浏览器机制的破坏。

　2、安全问题 ajax暴露了与服务器交互的细节

　3、对收索引擎的支持比较弱

　4、破坏程序的异常处理机制

　5、违背URL和资源定位的初衷

　6、ajax不能很好的支持移动设备

　7、太多客户端代码造成开发上的成本

3.什么是axios？

axios是用ES6的promise语法将ajax封装，axios有的ajax都有，ajax有的axios不一定有。

优点:

    1、在浏览器中创建 XMLHttpRequests

　2、在node.js则创建http请求

　3、支持Promise API

　4、支持拦截请求和响应

　5、转换请求和响应数据

　6、取消请求

　7、自动转换成JSON数据格式

　8、客户端支持防御XSRF

总结:原生的xhr用起来不方便，就有了ajax对其进行封装，但是随着需求的不断扩大，ajax也存在一些缺点，就有了axios采用了promise语法对axios进行了封装，但是底层核心还是xhr。