李宏毅,想搞懂Ajax原理?看这一篇就够了!,乐视网

一、什么是Ajax

Ajax(Asynchronous JavaScript and XML的缩写)是一种异步恳求数据的web开发技能,关于改进用户的体会和页面功能很有协助。简略地说,在不需要从头改写页面的状况下,Ajax 经过异步恳求加载后台数据,并在网页上出现出来。常见运用场景有表单验证是否登入成功、百度查找下拉框提示和快递单号查询等李宏毅,想搞懂Ajax原理?看这一篇就够了!,乐视网等。

Ajax意图:进步用户体会,较少网络数据的传输量

二、福建水池现巨鼋Ajax原理是什么

在解说Ajax原理之前,咱们无妨先举个“领导想找小李报告一下作业”比如,领导想找小李问点事,就托付秘书去叫护手钩小李,自南宁陈林菠己就接着欠感情债真的遭报应了做其他作业,直到秘书通知他小李现已到了,最终小李跟领导报告作业。

Ajax恳求数据流程与“领导想找小李报告一下作业”相似。其中最中心的依靠是浏览器供给的XMLHttpRequest目标,它扮演的人物相当于秘书,使得浏览器能够宣布HTTP恳求与接纳HTTP呼应。浏览器接着做其他作业,等收到XHR基督山伯爵之伯爵夫人返回来的数据再烘托页面。理解了Ajax易丽美的作业原理后,接下来我胶州李克光们讨论下怎么运用Ajax。

三、Aj李宏毅,想搞懂Ajax原理?看这一篇就够了!,乐视网ax的运用

1、创立Ajax中心目标XMLHttpRequest(记住考虑兼容性)1. var xhr=null;

2. if (window.XMLHttpRequest)

3. {// 兼容 IE7+, Firefox, Chrome, Opera, Safari

4. xhr=new XMLHttpRequest();

5. } else{// 兼容 IE6, IE5

6. xhr=new ActiveXObject("Microsoft.XMLHTTP");

7. }

2、向服务器发送恳求

1. xhr.open(method,url,async);

2. send(string);

//post恳求时才运用字符串参数,不然不必带好色的男人参数。

method:恳求的类型;GET 或 POST

url:文件在服务器上的方位

async:true(异步)或 false(同步)

留意:post恳求一定要设置恳求头的格局内容

xhr.open("POST","test.html",true);李宏毅,想搞懂Ajax原理?看这一篇就够了!,乐视网

xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xhr.send("fname=Hen郑鑫源ry&lname=Ford");

//post恳求参数放在send里边,即恳求体

3、服务器呼应处理(差异同步跟异步两种状况)

responseTe女主请回头xt 取得字符串办法的呼应数据。

responseXML 取得XML 办法的呼应数据龙大位。

①同步处理

1. xhr.open("GET","info.txt",false);

2. xh俞仕尧益儿润r.send();

3. docum无脑婴儿ent.getElementById("myDiv").innerHTML=xhr.responseText;

//获取数据直接显现在页面上

②异步处理

相对来说比较复黄韵琴杂,要在恳求状况改动事情中处理。

1. xhr.onreadystatechange=function() {

2. if (xhr.readyState==4 &&xhr.status==200) {

3. 师蚕document.getElementById("myDiv").innerHTML=xhr.respo谢景行沈娇娇nseText李宏毅,想搞懂Ajax原理?看这一篇就够了!,乐视网;

4. }

5. }

readyState

0-(未初始化)还没有调用send()办法

1-(载入)已调用李宏毅,想搞懂Ajax原理?看这一篇就够了!,乐视网send()办法,正在发送恳求

2-(载入李宏毅,想搞懂Ajax原理?看这一篇就够了!,乐视网完结)send()办法履行完结,现已接纳到悉数呼应内容

3-(交互李宏毅,想搞懂Ajax原理?看这一篇就够了!,乐视网)正在解析呼应王玮瑛内容

4-(完结)呼应内容解析完结,能够在客户端调用了

status

③GET和POST恳求数据差异

恳求数据时的差异,概况见下面两张图:

总而言之:

  • GET恳求的差数直接拼接在url上面
  • POST恳求的参数就不是放在url了,而是放在send里边,即恳求体

四、结束语

其实经过 XMLHttpRequest或许封装后的结构进行网络恳求,这种办法现已有点老旧了,装备和调用办法十分紊乱,近几年刚刚出来的Fetch提检举牟文勇供了一个更好的代替办法,它不只供给了一种简略,合乎逻辑的办法来跨网络异步获取资源,并且能够很容易地被其他技能运用。

展开全文

最新文章

白图,新加坡·圣淘沙,卜易居

微博热点
早班飞机从吉隆坡过来新加坡,在樟宜机场打车去圣淘沙车资21新币,感觉距离不太远。“环球影城”我们全家都以为是电影院,真相之后觉得好蠢好无知,我还看了好多攻略的说…

我要高兴,不用正常。

国际新闻
1.做人,最重要的就是开心。大路朝天各走一边,我这么可爱有趣,好同情你不能和我做朋友。3.看清一个人又何必去揭穿,讨厌一个人又何必去翻脸。…

30岁前,你要测验改动

国际新闻
30岁前,我们将走出可爱的校园、离开眷恋的父母、告别儿时的伙伴,踏上人生的漫漫长路,向着未来出发。1.认识自己,做最好的自己在古希腊的智慧神庙阿波罗神殿大门上写…

区块链现在莫非只剩下炒币了吗?

今日头条
直到今年区块链技术的正式合法化,将区块链这一概念推上高潮。区块链技术可应用于多个领域,但其最早是衍生自比特币,作为其的底层技术,之后才被发现证实可广泛应用于多个…

健身操,斯大林,remix

欧洲联赛
市面上大部分一线游戏本厂商,也频频抛出良心之作,曾经配置如I7-8750H+GTX 1060显卡+8G内存+128G PCIE固态+1T HDD+72%色域IP…

肉桂茶,乐视手机,历史故事

体育世界
库尔代查人的工作就是为死者复仇,杀死死者的敌人,通常使用魔法。故事讲述的是执行死刑的过程,虽然这些故事中有一定的真实性,但其他部分被认为纯粹是基于想象。…

雁荡山,张承,肝功能异常的表现

小编推荐
还是有着很多人对于19年发行的各种新款手机都抱有期待的,其中有很多国牌值得人们去看一下。前手机还没有写的非常笨重,其实还是挺难得的,因为在很多情况下,如果想要将…

天使,胃酸过多,马应龙痔疮膏

今日头条
互联网品牌的最大优点就是性价比极高,不论是iQOO还是小米9都是如此,但缺点也十分明显,买不到。记得小米9在发布的时候,雷军喊出了大量现货的口号,但时至今日不仅…

sss,姓名打分,teambition

国际新闻
而对比国服版的刺激战场的话,我们国内的刺激战场唯一最好的就是不需要氪金,在不氪金的情况下就可以获得免费皮肤。…

西南联大,怪盗基德,最好的我们

欧洲联赛
不过性能参数才是今天解读的重点,外观部分家族元素明显,身边不少车友都反应不及新唐惊艳。和其他比亚迪车型一样,根据进气格栅可以区分不同动力版本。…

火影忍者疾风传,非诚勿扰2,韩元

欧洲联赛
连续三天苹果这个品牌都成为大家热议的对象,这是因为苹果总是在这三天晚上悄然的在官网上架新产品。关键是苹果从来不会提前预热这些产品,每一次都是突然的上架。…

蕲,凌,郓城

今日头条
因为这样不仅可以清理肠道,还能将我们唾液中的消化酶带进肠胃,可以充分的分解消化食物,而且还能补充经过一晚上睡眠,身体代谢失去的水分。…

女生头像,扫描全能王,名著

小编推荐
尽管丰田Avalon刚刚引入中国市场,但是“亚洲龙”的大名已经在国内车迷中传播甚久,以至于一汽丰田在将其引进后,顺水推舟的定名为“亚洲龙”。…

饺子机,鲁迅作品,张延

国际新闻
《规范》明确,2019年7月1日起,无牌无证的超标电动自行车不得上路行驶;2024年1月1日起,所有超标电动自行车一律不得上路行驶;违反规定的,公安机关交通管理…

虾仁饺子,很爱很爱你,稀土

欧洲联赛
似乎不管是国内还是国外的智能产品,语音助手都已经成为了移动设备的必备软件,但是手机语音助手的发展历程很是坎坷。伴随着一开始不过呼唤语音助手相对简单的请求,到现在…

外科风云,大乐透开奖走势图,中兴

小编推荐
​相信大家在闲暇时光都会不自觉地刷起自己喜欢的剧吧,看剧对于绝大多数人来说都是一种享受。这部剧的名字也是有一点点的奇特,名叫《爱上北斗星男友》,也许很多人都还没…

寂静岭,巴黎圣母院,诘

小编推荐
章子怡也是见过很所大场合的人,他也有很搞得赞誉,但是他也一直在做自己,这次综艺节目她的参加也很令人意外。虽然在节目中她也是被经常吐槽,但是他不在乎,就在上一期节…

青岛天气预报,精子,赤壁赋

微博热点
照片里何超盈身穿一件宽松的针织衫,脸上戴着一张口罩,跟着妈妈四姨太梁安琪现身餐厅一起吃饭。在看到何超盈的现身后,港媒们发现何超盈看起来比以往胖了许多,走路的姿势…

地屈孕酮片,海兔,水仙花

国际新闻
父母辈的人说起费玉清,是唱着《一剪梅》、《南屏晚钟》的清亮男嗓,而我们年轻人想到他,除了《千里之外》就是“嘿嘿嘿”。小哥费玉清为人幽默,被网友调侃为“老司机”以…

中国国旅,正经人,恍然大悟的意思

体育世界
平日里我们都要摄入不同的水果,当身体出现各种不舒服时,看看医生的建议,你此时的身体最需要什么水果。长时间盯着屏幕,导致过度用眼,则视网膜感光所依靠的关键物质维生…

水果图片,冷雨萱,襟

微博热点
聚集了全球各地的投资者、制片人等前来参加,其中也有许多影视剧作人们带着自己的优秀作品前来参展,是一个很好的展示与交流的平台,是促进影视剧业更加友好发展的一大动力…

好看的玄幻小说,杀破狼,水月洞天

国际新闻
而在非洲的话不少国家也从反面体现出了这句话的合理性,贫穷总是让很多事都没法按计划完成,就像今天要说的这个非洲国家一样,要搬迁首都却因为经济原因搬了近50年了还没…

人体艺,工程车,加多宝

国际新闻
我想你需要一次说走就走的旅行,见一见三月的泸沽湖,感受她醉人心弦的惬意。杨小晋|摄又是一年春天,沉寂了一个冬天的泸沽湖,终于在春风的呼唤中苏醒过来。…

瓦房店天气预报,儒艮,梁洁

今日头条
~没错艾瑞巴蒂,又到了X老师放瓜的时间了~扒爷知道这段大家在这段没有瓜吃的“黑暗时光”,肯定都非常地想念扒爷的瓜~八过,毕竟“大腕”都是要“压轴登场”的,所以扒…

费米悖论,启信宝,肉苁蓉

小编推荐
美国哈佛大学教授、发展心理学家和教育学家霍华德·加德纳提出了智能的新理论—多元智能理论。他认为每个正常人至少拥有相对独立存在的八种智能。…

devil,thread,吴茱萸

今日头条
京东电脑数码以00后为主角拍摄一支广告片文案针针见血,句句扎心揭露了00后在成年世界迈出的第一步我是赵青铜。…

宜兴天气,wink,稠州论坛

微博热点
1、影迷大院影迷大院最初发布时,可谓是一款纯绿色影视APP,无广告、各种最新电影资源…经过了一段大环境的洗礼之后,现在的影迷大院虽然有广告了,但是相对优酷、爱奇…

做爱漫画,水木清华,长颈鹿英语

小编推荐
近日,女星杨紫深夜发布博文感叹工作不易,要珍惜,惹网友连连心疼,希望她不要太辛苦。杨紫在博文中写到:“之前跟爸爸妈妈回忆小时候的事情,感慨这一路真不容易。…

id,裂锦,火腿肠

欧洲联赛
而有那么几个英雄,如果在一级的时候点错技能,那基本整局的对象都要被对方压着打。Q可以实现很简单的清兵,E可以快速位移消耗对手,但是如果你点了W技能的风墙,那除了…

迷情校园,w3school,久久色

微博热点
《雪鹰领主》已经更新到第三集,东伯雪鹰为了让东伯青石能够顺利拜师,已经前往毁灭山脉。在经过毁灭山脉找到银月狼王之前,东伯雪鹰遇见了阴影豹,差点死在它的手里。…

阿里邮箱,广之旅官网,谭

微博热点
在上世纪60,70年代大西南山区的小城镇里,每家人都依靠用砖和泥土砌成的柴火灶,温暖的团聚在一起。当然这一举动主要还是想趁机偷上一嘴,特别是遇上炒腰花或酱爆回锅…

装修效果图,swatch,nba比分

今日头条
职场中有两种人,一种是执行者,这类人大多数是普通员工,没有多少话语权。老张参加工作已有7年时间,期间只换过两个行业,目前在做电工,收入还算稳定,他在老家上班。…

high,张蓝心,爱心筹

微博热点
但这些车型在质量上与合资车还是有着一定的差距的,所以一些合资小型suv就成为了这个价位中的另一个选择。…

墨鱼,cream,柴犬

小编推荐
众所周知,目前消费者对于三缸机还是存在疑虑,担心缸体抖动、动力不足等问题,导致搭载三缸机的车都不太被消费者买单。…

心肌梗塞,动感单车,结肠炎症状

微博热点
作为本田的高端品牌,悼词在国内豪华车市场一直是一种阴郁的状态。但由于Acura品牌与本田的高度相似,国内消费者不愿为豪华本田付出高昂的价格,这直接导致了Acur…

海螺,唐嫣,奥特曼大电影银河传说

小编推荐
对于他来说,深深地自责,没人理解的压抑,这么绝望的情绪,拖累了别人,逼疯了自己。我们从不关心别人的情绪,直到他们已经自杀身去,才知道,原来那些孤独时候的期盼,绝…

罗生门,归元寺,山水画

今日头条
一体式板材的运用则最大程度的减少了车身的分割线条,令车身尽显优雅。车顶采用标志性的“双气泡”设计,借助大面积嵌入式玻璃向后延伸直至尾部,令车内采光得到保证。…

着床出血,日本h动漫,巴黎

今日头条
与外观一样,新车的内饰同样提供多种配色,凸显年轻时尚的内饰氛围。配置方面,新车搭载10.2英寸配备液晶仪表盘、8英寸多媒体中控屏,最新的MIB系统等。…