AJAX（二）—JS 中AJAX,Fetch,Axios关系

一 Ajax,jQuery ajax,axios和fetch的区别

1. Ajax：ajax最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。
2. Jquery Ajax：是jQuery框架中的发送后端请求技术，由于jQuery是基于原始的基础上做的封装，所以，jquery Ajax自然也是原始ajax的封装。
3. Promise:Promise主要用于解决异步回调嵌套的问题。
4. Fetch：fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多了，参数有点像jQuery ajax。但是，一定记住fetch不是ajax的进一步封装，而是原生js。Fetch函数就是原生js，没有使用XMLHttpRequest对象。
5. axios：axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。即ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。它不仅可以在客户端使用，也可以在nodejs端使用，也可以在请求和响应阶段进行拦截。

 

推荐阅读：

Ajax，Fetch,Axios 优缺点： https://blog.csdn.net/qq_44905636/article/details/105496073

Ajax,jQuery ajax,axios和fetch的区别：https://blog.csdn.net/jiang7701037/article/details/79717310

模拟Axios: https://www.jianshu.com/p/464224e811e6