00:00
Hello,大家好,我是尚硅谷前端讲师李强,这一次呢,带来的课程是aja,又称之为阿贾克斯。阿贾克斯呢?它全称叫做javascript and xml。异步的GS与XML。那么它最大的特点呢,就是可以在网页不刷新的情况下向服务端发送HTTP请求,然后得到HTTP响应。阿贾克斯啊,在咱们平时网页当中啊,随处可见。你比如说第一个百度,咱们百度呢,平时搜索内容用的比较多。比如说作为关键字鼓励学院。那么说完之后呢,你可以在下边儿看到一些相关的关键字提醒。这个效果就是用阿贾克斯来实现的。向服务端下发请求,然后那服务端反结果页面不刷新就可以完成。第二个呢,可以看一下百度注册页面。
01:00
不光是百度啊,很多网站注册都有这个功能,就是检测用户名是不是可以用。我来一个I love you。说完之后呢,你可以看到来个提醒,告知我这用户名啊不能用。那么它的实验原理呢?用的也是阿贾克斯。我们可以向服务端发请求,然后呢,返回结果得知呢,不可用,我们就来一个红色框做一个提醒。再比如说京东左侧这块有一个分类。当我把鼠标放上去之后呢,右边会显示二级分类。那么这个效果用的也是阿贾克斯。我们的鼠标如果不放到一级分类上面,二级分类就不会去请求,你就不会呢去做一个显示。这样的话呢,能够提高我们的一个效率。那么淘宝这一块呢,也用到了二点。左边是一个菜单。分类右边这里充话费,旅行车险,你可以看到当我把鼠标放到上面的时候呢,有一个加载的一个loading的图片。
02:05
啊,它这块用的也是阿贾克斯。就只有我把鼠标放上去之后,它才会加载这一部分内容。啊,这样的话呢,我们的效率就比较高,实现了一个叫懒加载的这样一个效果。用则加载,不用则不加载。好,再比如说今日头条。那么今日头条呢?我们自上而下开始往下滚动。滚到底以后呢,你发现又有新的内容出来。这个效果呢,跟咱们朋友圈还有呢,QQ里边那个说说很像,滚到底了,滚到底了,诶我又来了些内容。那么这个用的也是阿贾克斯。等到滚到底部的时候呢,或者快滚到底部的时候,我们向服务端发送请求,然后得到结果,把结果呢,诶做一个便利动态创建节点,插到文档里边,然后呢,显示更多内容。这样来用户体验比较好啊,用户不需要刷新,不需要跳转就可以看到更多内容。
03:05
再比如说绝经这个网页,我们点这儿,点这儿啊,下边内容都会变化。啊,但是呢,这个网页它并没有刷新。啊,用的也是阿贾克斯。那除此之外呢,在刚才最开始那个啊,这个process on com这个网站,它也用到了阿贾克斯。啊,这是一个图像绘制的一个网页版的工具。我们每绘制一个图像,甚至我们每改变一下这个图像的位置,它都会向服务端发送请求。当然不只不仅仅是只有这些网站。啊,现在很多这个APP都是做web APP。啊,那么web APP里边跟服务器进行通信,用的也是阿贾克斯。那么阿贾克斯呢?其实现在已经是变成了前端工程师的一个必备技能。大家也可以到各大互联网的这个招聘网站上面去看一看啊,前端工程师的这个招聘职位当中,95%的职位说明里边就提到了阿贾克斯。
04:11
显然,它已经成为我们的一个必备技能。如果说你现在还没有接触过阿贾克斯,或者说对里边内容不是很熟悉,想要从事这个行业,那么这个视频可以帮助到你。咱们这套视频呢,看最开始呢,先讲一下我们阿贾克斯的一个介绍。然后呢,还有XML的一个介绍。后边我们会讲一下HTTP协议。也就是这个HTTP协议。为什么要讲HTTP协议呢?因为我们阿贾克斯呢,发送请求,发的就是HTTP请求。我们把协议搞懂之后,我们可以在协议这个层面来去观察数据的一个交换的过程。啊,就是一个数据可以看得很清楚。
05:01
然后另外一点呢,咱们可以通过网络控制台,就是谷歌的啊网络控制台。像这样子。在控制台里边呢,可以看到每一次的数据变化。大家可以看一下,然后后边咱们会详细的去介绍啊。啊,每一次请求我们都可以在空在看到,而且还可以看到具体的数据交换。这里呢是一个重点,也是以后呢,我们在工作当中调试和开发阿贾克斯相关效果的一个非常。重要的一个调试工具。啊,这是这里是一个重点。那么除此之外之外呢,咱们会讲解啊,原生阿贾克斯的发送方式。啊,原生的还有呢,J query的一个是原生。一个呢,是几query,还有呢,废函数以及Excel这个工具包四种方式发送阿贾克斯的一个使用方式。
06:01
那么除此之外呢,咱们还会讲解呢,阿贾克斯,他跨域的一个问题,会做原理的讲解,以及这个练习。好了,那么为了让大家有一个更加全面的认识,我们还会讲解一点点服务端的那个内容啊,就是咱们会讲到诺基S以及express框架。当然了,只是讲一点点,这个呢,并不影响大家对阿贾克斯整个课程的一个学习。好了,那么课程介绍这一块我们就先说这么多,接下来让我们一起进入到阿贾克斯的世界。
我来说两句