ajax、axios、fetch的区别

最新推荐文章于 2024-01-07 12:14:33 发布

#秃头小牛

最新推荐文章于 2024-01-07 12:14:33 发布

阅读量491

点赞数

分类专栏： javascript 文章标签： ajax javascript

本文链接：https://blog.csdn.net/qq_46015513/article/details/120342978

版权

javascript 专栏收录该内容

28 篇文章 1 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了AJAX、Fetch和Axios三种前端数据请求技术。AJAX是一种无需刷新页面即可更新部分内容的技术，但存在配置复杂等问题。Fetch作为AJAX的替代品，基于Promise且语法简洁，但对错误处理不够完善。Axios是基于Promise的HTTP客户端，支持取消请求、自动转换JSON等特性，广泛应用于前端开发。

摘要由CSDN通过智能技术生成

（1）AJAX Ajax 即“AsynchronousJavascriptAndXML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。它是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。其缺点如下：

本身是针对MVC编程，不符合前端MVVM的浪潮

基于原生XHR开发，XHR本身的架构不清晰

不符合关注分离（Separation of Concerns）的原则

配置和调用方式非常混乱，而且基于事件的异步模型不友好。

（2）Fetch fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多。fetch不是ajax的进一步封装，而是原生js，