前后端数据交互—Ajax 、Fetch 和 Axios 优缺点及比较-云智核

前后端数据交互—Ajax 、Fetch 和 Axios 优缺点及比较

发布时间：2025-11-05 14:49:11 来源：云智核作者：IT科技类资讯

ajax是互A和最早出现发送后端请求的技术，属于原生 js 。优缺ajax使用源码，比较请点击《原生 ajax 请求详解》查看。前后一般使用之前，端数点及我们都需要把它们封装使用，据交就以 jQuery 的互A和 ajax 为例。

封装的优缺 ajax 如下：

封装完成，开始使用的比较时候你会发现，body和header处理得有些乱，前后还有回调地狱的端数点及问题，所以我们出现了新的据交 fetch 请求技术。

fetch 首先解决了回调地狱的问题，他返回的结果是一个 Promise 对象，对 Promise 不熟的可点击《Promise详解》。

fetch 使用如下：

fetch 发送网络请求时，可以传输任意数据格式，非常简便。香港云服务器但是 fetch 的超时、终止取消并不方便，只能通过取消 Promise 来完成，如果有多个 fetch 请求时，更难处理。除此之外，fetch 是比较新的技术，低版本浏览器和IE浏览器支持性不好。

axios 功能非常强大，包括取消请求，超时处理，进度处理等等。但它的本质还是 ajax，基于 Promise 进行封装，既解决回调地狱问题，又能很好地支持各个浏览器。

axios使用代码如下：

随便看看