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

有同学问我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,技术的发展需要不断注入活力才行,我还能再干几十年,可不希望前端技术裹足不前,那样该多无聊!
  本文完,感谢阅读!
  学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂!
  大家好,我是编程三昧的作者隐逸王,我的公众号是编程三昧,欢迎关注,希望大家多多指教!
  你来,怀揣期望,我有墨香相迎!你归,无论得失,唯以余韵相赠!
  知识与技能并重,内力和外功兼修,理论和实践两手都要抓、两手都要硬!

魏大勋平凡的荣耀热播郝帅摆脱原生家庭阴影蜕变成功星关系9月9日讯由吕行执导,赵又廷、白敬亭、乔欣领衔主演,魏大勋特别出演的现实主义职场剧《平凡的荣耀》正在热播。该剧通过讲述职场新人在职场中遇到挫折逐渐成长的故事,致敬在工作岗……大约在冬季票房破亿魏大勋演绎深情男二惹心疼星关系11月20日讯由王维明执导,黄志明监制,饶雪漫编剧,马思纯、霍建华、魏大勋、张瑶等主演的电影《大约在冬季》于近日票房破亿,此次魏大勋一改往日搞笑开朗的形象,出演温柔体贴的……酒界泰斗秦含章赤子情深知识报国他,一生清贫,无欲无求;他,学贯中西,毅然归国,造福桑梓;他,一生传奇而精彩,却又简单而纯粹。他就是酒界泰斗秦含章。名如其人,含章二字,取自于《易经》坤卦第三爻的爻辞,指胸含文……青春斗费姐撑爆气场!陈碧舸平价穿搭搞定女霸总星关系4月8日讯由赵宝刚团队倾力打造的现实主义青春奋斗剧《青春斗》自在东方卫视和江苏卫视双台联播以来收视一路飘红,剧中情节引发的话题讨论热度也持续高涨。特别是霸道女总裁费雯雯上……陈明憙为了郑爽罗晋愿意深情献唱与你走过时光之恋日前,根据作家唐家三少与妻子16年爱情故事为原型创作的小说《为了你我愿意热爱整个世界》而改编的同名都市情感剧爱奇艺火热播出中。该剧由郑爽、罗晋主演,一经播出不仅收获了良好的制作……和平饭店陈明章扮演者郭秋成演绎别样特工《和平饭店》于1月25日浙江卫视开播,并在爱奇艺网络平台同步播出。该剧由张莱担任编剧,李骏担任导演,陈数、雷佳音、李光洁、郭秋成、马灿灿领衔主演。《和平饭店》以轻松幽默的悬疑基……硒鼓用到什么程度可以更换?教你三招简单判断点击上方关注绘威打印,我专业,您轻松!大家都知道,我们打印机中的硒鼓是有寿命的,使用到一定程度就要更换了,但是目前许多品牌的硒鼓都推出了可加粉版本,这样一来,一支硒鼓的使……张优山海情传递情绪的力量演技派助力脱贫攻坚由孔笙、孙墨龙执导,张优搭档黄轩、张嘉益、热依扎等主演的脱贫攻坚剧《山海情》正在热播中。张优在剧中饰演一位因遭遇意外双腿残疾、命运多舛的西北汉子安永富,他的故事与闽宁镇脱贫致富……山海情豆瓣9。4分收官热依扎获好评就是李水花由正午阳光出品的电视剧《山海情》昨日正式收官。作为理想照耀中国国家广电总局庆祝中国共产党成立100周年电视剧展播剧目,该剧讲述了上世纪90年代以来,西海固的移民在国家政策号召下……山海情全网开播热依扎泪中透露倔强演绎坚韧李水花昨日(1月12日),由国家广电总局策划组织指导,福建省广播电视局申报立项,宁夏回族自治区广播电视局支持拍摄,正午阳光出品,孔笙、孙墨龙执导,热依扎主演,黄轩、张嘉益、闫妮、黄觉……全新玛莎拉蒂Grecale渲染图,年内发布!网友轮毂造型真不玛莎拉蒂又要出一新作了!全新玛莎拉蒂Grecale(参数询价)的渲染图被曝光,据悉,新车将有望在年内亮相,虽然该车为玛莎拉蒂的入门级SUV产品,但是在外观上以及动力方面,该车的……5G消息来了,就问微信怕不怕?近日,中国三大运营商联合发布了《5G消息白皮书》。一石激起千层浪,网上关于这个服务是否具有颠覆性,是否能有效反击微信的讨论热火朝天。可能很多人心里也在犯嘀咕,不就是区区一……
想要霍建华1。7厘米的逆天长睫毛?每天3下,睫毛变长1。5倍每一个女生,大概都无法抵过长睫毛的诱惑,毕竟拥有一对又长又翘的睫毛,就算不化妆,也会让眼睛看起来有神采的多。霍建华的睫毛真的又长又翘呀!他站在飘着细雪的场景中,一边哈气一……一加9系列全能机皇是否名副其实?专业媒体和用户给出答案从2020年开始,芯片短缺就成为手机行业面临的一个大问题。其中最为紧俏的,莫过于安卓最强芯高通骁龙888,这也造成了很多骁龙888机型的产能不足,到处无货。因而对于消费者来说,……奇瑞大蚂蚁提醒您开车坐车都要系安全带根据相关调查显示,在正面碰撞的事故当中,系上安全带尅减少死亡率,侧面撞击也同样也可以在一定程度上降低死亡率。安全带的重要性毋庸置疑,车辆发生危险事故的时候,安全带能配合安全气囊……听见敌人的脚步声了吗南卡S2游戏蓝牙耳机这次的主角是来自南卡的S2游戏蓝牙耳机,既然加上了游戏两字,那这耳机肯定是和游戏体验密不可分的。而近年来越来越多的手机厂商取消3。5mm耳机孔设计,那些传统容易缠绕的有线耳机也……华为Mate20Pro系列鸿蒙版本迎来更新了华为Mate20Pro系列鸿蒙系统版本也迎来更新了,是一个系统补丁包,大小为30。08MB,更新后系统版本依旧为136。更新日志:亲爱的用户,本次更新优化了部分场景……企业表格技术应用实践自定制表格编辑器(一)表格,又称为表,既是一种可视化交流的模式,又是一种组织整理数据的手段。通过将表格嵌入企业信息化系统,可帮助业务人员更快、更准确地处理数据,大幅提高运营管理效率。企业信息化……养元饮品成立私募基金投资近30亿元,布局食品饮料上下游金融界5月19日,河北养元智汇饮品股份有限公司(以下简称养元饮品)发布公告称,与北京闻名投资基金管理有限公司(以下简称闻名基金)共同发起设立私募基金,目标规模30亿元。养……飞智黄蜂2手柄体验让你在吃鸡战场独领风骚如今手游的快速发展也带动了一些外设厂商崛起,为了获得更好游戏操作感,很多外设厂商不惜花巨大精力和代价在手游外设这块巨大的蛋糕上,对于平时会花大部分休息时间在手游上的我来说,对这……审计局公开招聘!年薪56W,事业编制待遇,有审计津贴年终奖前段时间,各地审计局公开招聘,以广州市审计局为例,竟然对初级审计员开出了56万高薪,中级审计员66万的高薪,折算月薪约4到5万,可以说比市面上同等岗位薪资高出不少。有网友……京东电脑数码店11。11开启百校轰趴,学生特权给你别样宠爱如果你还以为京东11。11只是打工人的剁手狂欢,那你就大错特错了!京东电脑数码专卖店在11。11期间,联合100所高校开启满天星计划青春版,将计划重点面向校园学生群体,由全国各……做私域流量定要做IP吗?IP对于私域流量不是个必选项,但确实是个加分项。以前IP直属于品牌范畴,企业做IP是想赋予品牌以格化,麦当劳叔叔(也是麦当劳席快乐官)、MM巧克公仔、其林轮胎、江、三只松……RaspberryPiArduinoBeagleBone等于今天得到一个官方消息,一个名为OKGO的新型全球科技公司将与树莓派(RaspberryPi)、阿尔杜伊诺(Arduino)和BeagleBone等知名单板机市场主体之间的合作,……
友情链接:易事利快生活快传网聚热点七猫云快好知快百科中准网快好找文好找中准网快软网