简述 Ajax、Fetch、Axios 三者有什么区别？

Ajax:

AJAX 全称(Async Javascript and XML) 即异步的 JavaScript 和 XML ，是⼀种创建交互式⽹⻚应⽤的⽹⻚开发技术，可以在不重新加载整个⽹⻚的情况下，与服务器交换数据，并且更新部分⽹⻚Ajax 的原理简单来说通过 XmlHttpRequest 对象来向服务器发异步请求，从服务器获得数据，然后⽤ JavaScript 来操作 DOM ⽽更新⻚⾯。

如何使用XMLHttprequest：

1.需要对核心对象进行实例化 var 变量 =new XMLHttprequest() 2.建立连接 ： 变量.open(请求方式，请求路径，同步/异步) 3.发送请求 ： 变量.send(请求的参数) 4.变量.onreadystatechange=function(){}

fetch：

fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多了，参数有点像jQuery ajax。但是，一定记住fetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。 fetch的优势主要优势就是：

1.语法简洁，更加语义化。 2.基于标准 Promise 实现，支持 async/await。 3.同构方便。 4.更加底层，提供的API丰富（request, response）。 5.脱离了XHR，是ES规范里新的实现方式。 请注意，fetch 规范与 ajax主要有三种方式的不同： 1）fetch只对网络请求报错，对400，500都当做成功的请求，服务器返回 400，500 错误码时并不会 reject，只有网络错误这些导致请求不能完成时，fetch 才会被 reject。 2）fetch默认不会带cookie，需要添加配置项： fetch(url, {credentials: ‘include’})。 3）fetch不支持abort，不支持超时控制，使用setTimeout及Promise.reject的实现的超时控制并不能阻止请求过程继续在后台运行，造成了流量的浪费。 4）fetch没有办法原生监测请求的进度，而XHR可以。

axios:

axios 是一个基于 Promise 的 http请求库，可以用在浏览器和 node.js 中，本质上也是对原生XHR的封装，只不过它是Promise 的实现版本，符合最新的ES规则。

axios有如下特性： 1.从浏览器中创建 XMLHttpRequests 2.从 node.js 创建 http 请求 3.支持 Promise API 4.拦截请求和响应 5.转换请求数据和响应数据 6.取消请求 7.自动转换 JSON 数据 8.客户端支持防御 XSRF

主要的区别：(老师的总结：)

【首选，三者都是用于网络请求的，但是不同纬度。

* Ajax：一种技术统称，并不是一个API。

* Fetch：一个浏览器的原生API，和 XMLHttpRequest 是一个级别，但是语法更加简洁、易用，支持 Promise。

* Axios：一个最常用的第三方网络请求库。】

网络请求	特点
Ajax	一种技术统称，主要利用XHR实现网络请求
Fetch	具体API，基于promise，实现网络请求
Axios	一个封装库，基于XHR封装，较为推荐使用

ajax是异步请求的统称。axios和fetch都是利用promise封装实现的ajax。只不过fetch是浏览器亲生的，axios是别人家的孩子。