00:01
我们今天我们今天主要的任务,我们讲两个小的知识点,一个是view,一个是啊讲这么两个小的知识点。呃。先简单回顾一下我们上一次课所讲的内容,上一次课其实我们讲的比较少是吧,其实我们主要讲的就是一个。啊,它称之为叫异步的。Javascript。和,也就是and and X啊,叫异步的加and X。啊,它存在的目的是什么?目的就是用来。发送异步的请求,然后当服务器给我响应的时候。啊,给我响应的时候进行回调。啊,再进行回调操作。就是这样的,那么这样呢,这是它的目的,那么它的好处是什么呢?它的好处就是提高用户体验。
01:03
提高我们用户的体验,就是说我们以前是同步的请求,你同步的请求一点击,假设你的网络比较慢,或者说你的服务器响应响应的这个性能效率不高,那么你的浏览器务必就会出现白色的页面。那用户只能等着,你啥事都干不了。那现在我们如果把它改成异步的,那很明显能提高我们用户的体验。啊,因为它是异步的请求啊,我们说过,其实异步的请求本质上它就是专门新开辟了一个线程,去帮我们执行这个操作呗,是吧,那它主线程是不会堵塞的,所以它会提高我们用户的体验。然后呢,我们还有叫局部更新,或者叫局部刷新。我们整个页面,我们整个页面你就不需要去整体的刷新了,我只要对局部,因为有回调函数嘛,回调函数我们可以再通过DOM操作去进行局部的一些更改,是吧,同学们这个叫局部刷新,所以说局部刷新它所带来的好处就是。服务器啊,负担减轻。
02:03
降低。或者减轻服务器的负担。啊,减轻浏览器的压力。然后减轻叫网络。网络负担或者网络带宽压力。我们以前要把整个页面的内容全部都通过网络传输过来的,现在我们只要传在局部的一点点更新的内容,是吧,同学们,诶,就是这样。啊,那么它里面的步骤。开发步骤。那么开发步骤我们有这么几个。第一个,我们要去创建它核心的对象,我们称之为叫XL。Http request是吧?同学们,我们要创建这个对象。那么第二步我要调用open方法。进行设置。对不对。要进行设置,设置我们有三个参数,第一个是请求的方式,比如说get方式。第二个比如说U2L,第三个比如说true,它表示异步发送是吧,同学们啊,调用一些open方法,那第三个我们要去绑定。
03:09
绑定一下状态。改变时。状态改变时调用的回调函数。啊,改变时。执就调用嘛,或者叫执行吧,啊执行的回调函数。这个我们称为叫。Ready state change是吧?同学们叫on ready state change,就这样的。然后第四步我们进行send,我们进行发送。啊,发送请求我们执行的是send方法,当然了,同学们,我这个做的仅仅是发送一个比较简单的get请求,如果是P请求,它这个send方法里面是需要带参数的,然后呢,然后呢,我们还要再去设置一下我们这个对象的相关的属性。啊,稍微麻烦一点点,稍微多多多那么两个部分。啊,但是没有关系呢,我们没有必要对原生的把它的细节全部了解清楚,其实没有必要。
04:01
OK啊,大家只要对这个过程需要做个了解。然后其中这个叫瑞斯的change解,我们绑定了一个回调函数。所以第五个我们要去实现,或者叫编写。编写回调函数。我们在回调函数中。在回调函数中。函数中,我们只对。叫XL。Http request的什么呢的啊的什么状态呢。为师的时候,为私的时候感兴趣。是吧,同学们,所以它的状态其实我说过啊,有零到四。这个大家也可以了解,也可以不了解啊,但是这个四这个状态你还是要知道一下,那具体的零到四就是这样的。这是这是我们的解释啊,你看一下,其实很简单的,很好理解,零表示未初始化。表示未出手的状态,一表示载入的状态,表示我调用这个三的方法开始发送了。
05:03
表示我定用三的方法,就是这个地方是不是啊,第二三的方法开始发送请求了。二这个状态表示的是载入完成了,就是三的方法已经执行完成了。我们的服务极端已经接收到全部的详细内容了,这叫载入完成。三这个状态是什么呢?叫交互,指的是正在解析响应内容。就是我们二这个步骤是表示全部发完了。三的时候是不是表示服务器端已经给我响应了,然后我正在解析啊。四的时候就表示浏览器已经解析完成了吗?把你的服务器能给我想的内容,我已经解析完了,叫响应内容解析完成。是吧,同学们,所以我们只需要对四这个状态感兴趣,能能听懂吗?同学们啊,所以说你知道一下有零到四这这几个状态。啊,其中我们只对四这个状态感兴趣,另外还有一个就是我们的状态嘛,叫status。我们只对XL的radio state维斯的时候感兴趣。
06:03
然后。我们只对XL它的status哎,这个为200的时候感兴趣,为什么同学们?200的时候才表示服务器端是很正常的响应给我内容吗?你如果是404的话,那表示服务器给我响应的叫没找到资源。500表示人家服务器内部的代码发生了错误,叫服务器内部错误。405表示你请求的方式不对,请求被拒绝了。405。是吧,同学们。比如说你发了一个get请求,结果你重写的是一个do post方法,那明显的这个请求的方式和人家响应的这个操作不不对应嘛,那他就会给你返回405,我相信呢,我们很多同学应该都报过这个错误是吧405。还有其他的一些错误,比如说403。啊。比如说还有我们413,应该是413。啊,403和413413它指的是比如说121太长了等等等等。
07:03
好了。那么当然我们这个地方我要对200感兴趣,200指的是服务器端能够成功的解析,并且响应给我结果啊,这是200。所以呢,我们在回调函数里面,我们才会去写if XL http request点等于等于四,并且XL htp request.status等于等于200。哎,是这样的。好了,这是我们所讲的叫的操作。好。我觉得这个原生的代码,我我认为啊,大家还是有必要去去把它了解一下的。就说我们以后虽然说你不会去直接操作原声的,但是这个步骤呢,建议大家还是把它写一遍,你知道一下这个步骤。再来,那么今天我们要讲的内容,我们讲两个。第一个,我们需要去讲一下view。
08:05
啊,第一个内容是view。啊,第二个内容是叫access。好了,Access它其实就是我们的一个一个比较简单的框架,那行吧,咱们先来看第一个部分内容,叫view。
我来说两句