游戏电视苹果数码历史美丽
投稿投诉
美丽时装
彩妆资讯
历史明星
乐活安卓
数码常识
驾车健康
苹果问答
网络发型
电视车载
室内电影
游戏科学
音乐整形

有同学问我Fetch和Ajax有什么区别?

  江山代有人才出,各领风骚数百年。
  前言
  Hello,大家好,我是编程三昧的作者隐逸王,小小前端一枚。
  自昨天发了《还在死磕Ajax?那可就out了!》一文后,收到了一些大家的一些评论,评论都很走心,也很有深度。
  说实话,虽然我在尽可能努力地回复大家的问题,但还是避免不了对其中一些概念理解的模棱两可的情况,有幸得到同仁们的指点,比如:
  感谢各位的不吝赐教,让我在成长的道路上又前进了几分。
  现在总结一下,评论区涉及到的主要问题如下:Fetch和AxiosAjax是什么关系Fetch真的会取代Ajax吗有封装良好的Fetch工具库推荐吗
  为了不辜负大家的热情,我在这里试着解释一下这些问题,如有疏漏,还请海涵!概念和特性
  首先,我们来了解一下Ajax、Axios和Fetch它们各自的概念。Ajax
  英文全称为AsynchronousJavaScriptXML,翻译过来就是异步JavaScript和XML。
  它是用来描述一种使用现有技术集合的新方法的,这里的新方法主要涉及到:HTML或XHTML、CSS、JavaScript、DOM、XML、XSLT,以及最重要的XMLHttpRequest。
  当使用结合了这些技术的AJAX模型以后,网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面。这使得程序能够更快地回应用户的操作。
  Ajax是一个概念模型,是一个囊括了众多现有技术的集合,并不具体代指某项技术。
  Ajax最重要的特性就是可以局部刷新页面。Axios
  Axios是一个基于Promise网络请求库,作用于Node。js和浏览器中。它是isomorphic的(即同一套代码可以运行在浏览器和Node。js中)。在服务端它使用原生Node。jshttp模块,而在客户端则使用XMLHttpRequest。
  这里我们只关注客户端的Axios,它是基于XHR进行二次封装形成的工具库。
  客户端Axios的主要特性有:从浏览器创建XMLHttpRequests支持PromiseAPI拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防御XSRFFetch
  Fetch提供了一个获取资源的接口(包括跨域请求)。
  Fetch是一个现代的概念,等同于XMLHttpRequest。它提供了许多与XMLHttpRequest相同的功能,但被设计成更具可扩展性和高效性。
  Fetch的核心在于对HTTP接口的抽象,包括Request、Response、Headers和Body,以及用于初始化异步请求的globalfetch。得益于JavaScript实现的这些抽象好的HTTP模块,其他接口能够很方便的使用这些功能。
  除此之外,Fetch还利用到了请求的异步特性它是基于Promise的。
  fetch()方法必须接受一个参数资源的路径。无论请求成功与否,它都返回一个Promise对象,resolve对应请求的Response。Fetch和AxiosAjax的关系
  通过上面对三者概念的解释,我们应该大体清楚它们之间的关系了,我在这里用图表示一下:
  针对上图,我解释一下:Ajax是一种代表异步JavaScriptXML的模型(技术合集),所以Fetch也是Ajax的一个子集在之前,我们常说的Ajax默认是指以XHR为核心的技术合集,而在有了Fetch之后,Ajax不再单单指XHR了,我们将以XHR为核心的Ajax技术称作传统Ajax。Axios属于传统Ajax(XHR)的子集,因为它是基于XHR进行的封装。Fetch真的会取代Ajax吗?
  其实这个问题更准确的问法应该是:Fetch真的会取代传统Ajax(XHR)吗?
  要回答这个问题,我们需要清楚以下几点:异步编程是JavaScript发展的大趋势,且绝大多数浏览器都已支持标准Promise。FetchAPI是浏览器自带的API,且它是基于标准Promise的。传统Ajax原生写法结构比较混乱,不符合关注分离的原则,写过远程XHR的同学应该深有体会。Axios是基于XHR封装的Promise请求库,用起来确实方便。
  基于以上几点,我的观点是Fetch终会取代传统Ajax,但过程可能比较漫长。
  虽然目前来看,传统Ajax(比如Axios之类的)在使用规模上远远超过Fetch,但要知道,这是XHR十来年累积下来的效果。
  封装得到的Axios在易用性上甩了原生XHR十万八千里,但毕竟是封装的,和原生的Fetch相比较,Axios在出身上就已略输一筹,且原生的API天然上会支持更多的功能,使用上会更加灵活。Fetch工具库推荐
  在昨天文章的评论区,有一位同学推荐了一个Fetch工具库,名为Mande,有兴趣的同学可以去看看。
  总结
  以上就是针对Fetch和Ajax问题的一份简单解释,希望能够给大家带来启发。
  就我个人而言,倒是蛮期待Fetch能够取代传统Ajax,技术的发展需要不断注入活力才行,我还能再干几十年,可不希望前端技术裹足不前,那样该多无聊!
  本文完,感谢阅读!
  学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂!
  大家好,我是编程三昧的作者隐逸王,我的公众号是编程三昧,欢迎关注,希望大家多多指教!
  你来,怀揣期望,我有墨香相迎!你归,无论得失,唯以余韵相赠!
  知识与技能并重,内力和外功兼修,理论和实践两手都要抓、两手都要硬!

海南广电与箩筐技术联合打造的HiGo智慧空间地图上线11月18日下午,5G海南智慧广电战略合作启动仪式暨视听海南3。0全球发布会在海南正式举行,由海南广电联合箩筐技术公司共同推出海南广电融媒体的第一款融合产品HiGo智慧空间客户……LK分享技术与政策已筑基车路协同推进节奏清晰车联网产业早在4GLTE时代已经与通信技术充分结合,成为5G时代其他行业拥抱通信技术的表率。大唐高鸿智慧交通事业部副总经理高卓在大会上接受媒体采访时指出,车联网是5G最为重要的……荣耀V405G出现在视频中,发布推迟到1月22日上周,Honor表示将在1月18日在中国推出V405G,但现在该公司已宣布将在1月22日推出这款手机。荣耀援引了会议场地和设备相关问题的延误,但承诺将在当地时间1月22日……财联社11月3日早报(周三)宏观新闻1、李克强考察市场监管总局并主持召开发展壮大市场主体工作座谈会时指出,当前经济面临新的下行压力,要针对市场主体制定新的组合式减税降费政策。要健全市场监管长效机制,……给iPhone13做配件,给索尼做本地化服务,魅族总有神来之9月22日魅族正式发布:魅族18S,魅族18SPro、魅族18X三款机型,从现在的反应来看魅族这三款机型的销量并不怎么样。一个最简单的例子,作为同天发布的realmeGTNeo……华为P50pro拍照体验,说说夜景说起手机夜景的拍摄,这几年随着智能手机摄影功能的不断发展完善,手持几秒钟拍出清晰的夜景照片已经不是什么新鲜事。而随着华为P50pro的上市,我对夜景拍摄又有了些新的期待,毕竟原……三季度我国货物贸易顺差创年内单季新高国际收支平衡有利人民币汇财联社(北京,记者张晓翀)讯,周五国家外汇局公布数据显示,前三季度,我国国际收支基本平衡。其中,经常账户顺差2,028亿美元,与同期国内生产总值(GDP)之比为1。6,继续处于……这4种情况出现证明刹车需要更换了如果汽车驾驶的时间比较久了,就需要对零件进行一个维修或者是更换,其中刹车系统更是我们应该关心的重点之一,一旦它出了什么问题,会直接威胁到我们的生命安全,因此刹车系统保持良好的状……重塑油站人货场,能链综合能源港助油站把握时代红利在双碳目标确立及新能源汽车高速发展的大背景下,加油站行业开始走上综合能源服务的升级之路。中石化、中石油等巨头纷纷瞄准综合能源服务商,要将传统加油站打造成油气氢电非综合能源服务站……奔驰汽车改装厂家有哪些?爱奔驰的朋友们,你们知道几个?奔驰的全称是梅赛德斯奔驰,德国豪华汽车品牌,2020年10月,Interbrand发布的全球品牌百强排名第八位。在国内,大家应该都比较熟悉,不过说到奔驰汽车的改装厂,很多朋友应……认真生活,是最了不起的才华2020,你有认真生活吗?这是前几天网上很火爆的一篇文章的标题。这个简答的问题,被称为2020年的第一个终极拷问。如果你也和我一样陷入沉思,先看看演员俞灏明怎么回答……真正厚道国产SUV来了,车长4。7米顶尖引擎,开到报废不怕坏SUV作为多年来一直比较受消费者欢迎的车型,在国内一直是比较受追捧的,而在SUV细分领域,不得不为国产车的表现点赞,在所有SUV车型中,能够月销过万的阵营之中,国产车占据了半壁……
华为鸿蒙HarmonyOS版APP正在开发中今日消息,据网友成,知名系统软硬件监控软件AIDA64近日在推特中回应提问。表示正在开发华为鸿蒙HarmonyOS版的APP。除了提供电脑版,还推出了iOS、Android、L……迫于压力荣耀Magic2降价促销3月31日消息,荣耀Magic2手机在各大电商平台发起了促销活动,立减300元,原价最低需要3799元,现在只需要3499元就可以拿下这款手机。该优惠适用于荣耀Magic……Redmi巨屏电视7999元起售,跳水价直降2000元8月30日,Redmi通过官方预热海报宣布两款巨屏电视直降2000元,其中86英寸RedmiMAX到手价为7999元,98英寸RedmiMAX到手价为17999元,二者将于9月……网约车新一轮大战司机一天出车16小时,仍被平台拿走一半车费瞬息万变的网约车市场,又迎来了新一轮的内卷。滴滴倒下,高德、美团打车、滴答、一喂顺风车等第二梯队的战争展开,网约车乱象凸显。近两个月来,几乎所有的网约车平台都在持续……蓝湛和魏婴发生过关系吗,魔道蓝湛魏婴什么关系《魔道祖师》里面蓝湛和魏婴的关系让人捉摸不透,所以大多数观众十分好奇蓝湛和魏婴的关系,想了解下蓝湛和魏婴发生过关系没?究竟蓝湛和魏婴发生过关系吗?魔道蓝湛魏婴什么关系?一起了解……全彩无遮住怀孕漫画(十大少儿不宜的日本动画片)一、《东京教父》人妖爱上流浪汉,捡到弃婴圆自己的梦,今敏神作《东京教父》二、《日和》毫无条理性的恶搞,无节操动漫界元老。brdivclassconten……看动漫的网站哪个好用(国内十大动漫网站)看动漫的网站哪个好用(国内十大动漫网站)。几个优质的看动漫网站,追番控一定不要错过!新番动漫动态全掌握,推荐10个超好用网站,包括:樱花动漫、腾讯动漫、哔哩哔哩(bilibil……在今日头条,如何判断一个人是喷子还是水军呢?进入他的页面,逢中必黑,逢外必舔。十个有九个都是反华水军。在头条八百多天,以我的经验判断,想区分喷子和水军的话,只有点开他的主页看他的信息才知道。先说喷子。不……补贴后售价15。79万起,具有L4级自动驾驶技术,小鹏P5上9月15日全球首款量产搭载激光雷达的纯电动车型小鹏P5正式上市。新车共发布6款车型,补贴后售价15。7922。39万元。新车基于同G3i同平台打造的紧凑型纯电轿跑,最大续航里程……好看的日本动漫推荐一下,10部口碑超好的经典动漫好看的日本动漫推荐一下,10部口碑超好的经典动漫。众所周知,日本动漫是非常不错的,日本是漫画大国,所以对漫画动漫观看都有非常严格的规定的,年龄不同看的动漫也是不一样的,不同频道……日本动漫在线前10名那些好看又被禁的30部动漫在日本的动漫领域中,一些高动漫也是非常受宅男们的喜欢,但对于动漫爱好者面对那些被禁的动漫总是一副一言难尽的样子,今天,来看看日本高动漫在线合集前十名,同时整理了一下那些好看又被……日本污动漫20部精选不得不说,日本动漫题材新颖画风精美,且内容几乎覆盖了各个领域。在动漫领域日本当之无愧的全球NO1。其中,最受万千宅男钟爱的,莫过于那些脑路清奇、让人血脉奔张的日本污动漫了!下面……
友情链接:易事利快生活快传网聚热点七猫云快好知快百科中准网快好找文好找中准网快软网