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

原文地址:https://www.cnblogs.com/terrymin/p/15233697.html