axios、fetch 和 ajax 等的区别详解

ajax
浏览器通过XMLHttpRequest 对象进行 http 通信。
　　传统Ajax 指的是 XMLHttpRequest（XHR），最早出现的向后端发送请求的技术，隶属于原始 js 中， 核心使用 XMLHttpRequest 对象，多个请求之间如果有先后关系的话，就会出现 回调地狱
是XMLHTTPRequest的一个实例；
只有当状态为200或者304时才会请求成功；

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

fetch
fetch 号称是 AJAX 的替代品，是在 ES6 出现的，使用了ES6 中的 promise 对象。Fetch 是基于 promise 设计的。 Fetch 的代码结构比起 ajax 简单多了， 参数有点像 JQuery ajax。 但是，一定要记住： fetch 不是 ajax的进一步封装，而是原生 JS ， 没有使用 XMLHttpRequest 对象。
fetch是基于promise实现的，也可以结合async/await。
fetch请求默认是不带cookie的，需要设置fetch（URL，{credentials:’include’})。
Credentials有三种参数：same-origin，include，*
服务器返回400 500 状态码时并不会reject，只有网络出错导致请求不能完成时，fetch才会被reject。
所有版本的 IE 均不支持原生 Fetch。
fetch是widow的一个方法；