ajax 和 axios、fetch的区别

最新推荐文章于 2024-03-27 15:28:16 发布
最新推荐文章于 2024-03-27 15:28:16 发布
阅读量1.9k 收藏 30
点赞数 2
分类专栏： 前端 文章标签： ajax javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012174809/article/details/122963947
版权

ajax在使用Vue之前，基本都在用这玩意儿。后来Vue用了后，基本都在用axios，至于fetch，根本就一次也未用过。但我知道它们的区别和各自的优势吗?不知道。

.区别

 axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。 简单来说： ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。 axios是ajax ajax不止axios。

什么是ajax

ajax是一种网页局部刷新技术，是一种轻量数据交换的异步请求。

什么是axios

用于浏览器和node.js的基于Promise的HTTP客户端

  1. 从浏览器制作XMLHttpRequests
  2. 让HTTP从node.js的请求
  3. 支持Promise API
  4. 拦截请求和响应
  5. 转换请求和响应数据
  6. 取消请求
  7. 自动转换为JSON数据
  8. 客户端支持防止XSRF

什么是Promise API

它是解决：怎样在同一时刻发起多个请求, 然后分别处理响应结果而出生的。

优缺点

ajax

局部数据刷新

本身是针对MVC的编程

多用于jquery项目

不符合现在前端MVVM的浪潮

axios
基于ajax封装
为MVVM框架而生 (vue react)
支持 Promise API
支持并发请求

fetch
AJAX在ES6的替代品
fetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。
兼容性差

如花菇凉
关注
  • 2
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax，fetch，axios发展历史
qq_45102392的博客
04-15 1431
远古时期，XMLHttpRequest对象的出现，JavaScript调用它就可以让浏览器异步地发http请求，然后这项异步技术就被称为Ajax。 之后jQuery封装了它，让异步结果更清晰的表现在一个对象的回调函数属性上。编写方式更简单，但出现了新的问题~回调地狱。 Promise为了解决异步编程的回调地狱问题诞生了。 随后有人把xhr对象用Promise封装了起来~它就是axios库(浏览器端)，axios在node.js环境是http模块的封装 后来又出现了一个可以异步地发http请求的api，就是f
【前端请求】一文总结Ajax、Axios及Fetch
qq_61834461的博客
07-09 1109
一篇文章汇总ajax axios fetch的用法及简单封装
一文弄懂ajax、axios、fetch
hhhhhhkdg的博客
03-27 1007
AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。Ajax只是个技术统称，可以用XMLHttpRequest来实现Ajax，也可以用Fetch来实现Ajax。
Fetch、Axios、Ajax 的理解
qq_64655972的博客
10-31 981
使用 Fetch API，可以执行各种类型的请求（如 GET、POST、PUT、DELETE 等），发送请求时可以设置请求头、请求参数，以及处理响应数据。fetch 不同于 xhr ，xhr 自带取消、错误等方法，所以服务器返回 4xx 或 5xx 时，是不会抛出错误的，需要手动处理，通过 response 中的 status 字段来判断。fetch 是相对较新的技术，IE浏览器不支持，还有其他低版本浏览器也不支持，因此如果使用fetch时，需要考虑浏览器兼容问题。返回的结果将作为实际发送请求的数据。
前端请求发展史Ajax、jQuery Ajax、fetch、axios(使用+对比+避坑指南)
苏纯的博客
06-03 1237
大神请直接划走，如果你对请求模棱两可、或者知道有哪些请求库，但是呢只熟练其中的一两种，并不全会。来，这篇文章就非常适合你。
ajax、fetch和axios的比较
qq_43539854的博客
05-30 4516
AJAX、Fetch、axios AJAX AJAX可以在不更新全局的情况下更新局部页面。通过在与服务器进行数据交换，可以使网页实现异步更新。 AJAX的原理就是通过XHR对象来向服务器发起异步请求，从服务器获得数据，然后用JS来操作DOM更新页面。领导想找小李汇报一下工作，就委托秘书去叫小李，自己就接着做其他事情，直到秘书告诉他小李已经到了，最后小李跟领导汇报工作。Ajax请求数据流程与“领导想找小李汇报一下工作”类似，上述秘书就相当于XMLHttpRequest对象，领导相当于浏览器，响应数据相当于小
ajax、axios、fetch区别
01-03
ajax、axios、fetch区别 ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {} }); 优缺点： 本身是针对MVC的编程,不符合现在前端MVVM的...
对异步请求xhr、ajax、axios、fetch的区别比较
01-08
【它可以使用JSON、XML、HTML和Text文本等格式发送和接收数据。】 优点： 1.不重新加载页面的情况下更新网页 2.在页面已加载后从服务器请求/接收数据 3.在后台向服务器发送数据。 缺点： 1.使用起来也比较繁琐，...
01-ajax-fetch-axios-区别.md
最新发布
03-31
大厂前端面试题目|# 前端基础知识 ...- HTTP Ajax 基础知识 - Vue 等框架的基本应用 ## 注意事项 不会从 0 基础讲起，基础不熟悉可以向讲师提问 ## 看几个面试题 列几个代表性的面试题，参考视频。
基于axios封装fetch方法及调用实例
01-21
//依赖于axios对私有ajax进行修改 import Qs from 'qs' import axios from 'axios' import router from 'router/index' import {errorPrompt, loading, closeLoading} from 'util/util' export const status = { ...
比较常用的ajax日常使用示例
08-02
ajax原生,jQuery中ajax,fetch,axios,jsonp
ajax、axios、fetch的区别
y_l33的博客
01-07 298
axios
axios、fetch与ajax有什么区别？
weixin_57550930的博客
09-28 278
1） Ajax 传统的Ajax指的是 XMLHttpRequest（XHR），一种发送后端请求技术。通过在后台与服务器进行少量 数据交换，Ajax可以使网页实现异步更新，这意味着可以在不重新加载整个网页得情况下，对网页某部 分进行更新。 缺点： ①本身是针对MVC的编程，不符合现在MVVM模式 ②JQuery整个项目太大，单纯使用ajax却要引入整个JQuery非常不合理 不符合关注分离原则。 。系统的一个部分发生变化，不会影响其他部分 。即使需要改变，也能清晰的识别出哪些部分需要改变 。如果需要扩展架
Ajax、Fetch、Axios三者的区别
前端学习博客
05-07 2696
Ajax、Fetch、Axios三者的区别 文章目录Ajax、Fetch、Axios三者的区别AjaxFetchAxios三者对比：为什么比起 fetch 更倾向于选择 Axios1.浏览器兼容方面2.请求取消3.JSON结果转换4.拦截器5.CSRF保护 Ajax ajax基本知识点 👉Ajax学习笔记 本身是针对MVC的编程,不符合现在前端MVVM的浪潮 Ajax 是一种思想，XMLHttpRequest 只是实现 Ajax 的一种方式。其中 XMLHttpRequest 模块就是实现 Ajax 的一
fly.js vs axios
weixin_34203426的博客
10-24 329
fly vs axios 这是fly的第二篇文章，主要是将fly和axios进行一个全面的对比。 首先感谢大家支持，在fly的第一篇文章 JS HTTP 请求终极解决方案 - fly.js 发布后，github 首日破百星，如果您是新读者，在您了解了fly之后，如果您喜欢，不用找打赏入口，去github star一下就是您对作者的最大的支持。 在Angular、React、Vue这些移动端web框...
浅谈ajax和axios、fetch的区别
weixin_40016215的博客
06-09 573
浅谈ajax和axios、fetch的区别
ajax、axios、fetch之间的详细区别以及优缺点
热门推荐
毛毛虫博客
06-06 6万+
个人网站https://iiter.cn程序员导航站开业啦，欢迎各位观众姥爷赏脸参观，如有意见或建议希望能够不吝赐教！ 将jQuery的ajax、axios和fetch做个简单的比较，所谓仁者见仁智者见智，最终使用哪个还是自行斟酌 1.jQuery ajax $.ajax({ type: 'POST', url: url, data: data, dat...
Ajax、Axios、Fetch
qq_45829293的博客
07-10 638
前端和后端交互的时候，前端的小伙伴都离不开 "请求" 。关于"请求"有几种方式来提供使用：Ajax、Axios、Fetch 2、Fetch Fetch是一个API，是真实存在的，是基于promise的（ES6之后出现的Fetch）Fetch特点：使用promise，不使用回调函数（不形成回调地狱）采用模块化设计，比如rep，res等对象分散数据流对象处理数据，提高性能 在掘金学习时看到一张图可以很好概况它们之间的关系 首先区分一下Axios和Ajax两种的使用： 待完善.
ajax和axios和fetch区别
04-22
Ajax、Axios 和 Fetch 都是 JavaScript 中用于向服务器发送请求的方式，它们的主要区别如下： 1. Ajax 是使用 XMLHttpRequest（XHR）对象发送请求并接收响应。它可以通过异步请求发送或接收数据，不需要刷新页面，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值