00:00
好,接着上午呢,继续来讲这个阿贾克斯的内容,上午啊,我们讲到是用阿贾克斯啊,一步对象他能够发起请求,也能够呢从服务器端获取数据,使用的是一步对象的response t的属性,它代表是从服务器端返回的数据,这个response test代表的是谁呢?你在服务器端你用。PW对象print输出的这个message它是什么?这个就代表是message,这个数据它说的是A,那我们拿到的这个就是A,你现在在普达N中输出的这个数据,它输出的就是我们的response t的数据,这输message。就会付给这个瑞response太子的属性付给他了。这个数据拿到之后怎么用呢?拿到之后我们需要用它呀,来更新我们的页面数据呀,好,那我们这么做,这是我们的页面,我们这儿呢,再加一个标签啊B啊,这我们指定一个div,嗯,给起个ID吧,叫做my date,我们来改变呢这个div的数据。
01:28
它的内容是等待。等待加载数据,这个数据呢,来自于服务器端。服务器端反映去之后,我们把数据呢更新到这个div之中,它的ID叫做my date,那现在我们把这个a lott呢注释掉。上面这块。是说当ready state等于四,请求状态是200的情况下,我们呢,表示正确的发起请求,也拿到了这个数据。
02:11
拿出去之后,现在是直接输出了,我们把这个数据呢,更新到到我们对象上。这个变量date等于一步对象的response text更新do,对象更新do不是更新页面吗?更新页面的数据。那我使用do对象get element by ID。ID,我叫做my date,然后设置它的in the text是date。这样就行了,把它的文本呢更新成date。启动他们开的服务器,我们看一下效果。
03:11
好,启动成功之后呢,我们现在访问我们这个应用。哦。张飞,然后体重呢90,身高是一米九。计算。那你现在你看到了这个数据是被更新了吧,而我们当前页面的其余部分是没动的。我们只是把一步对象获取的数据更新了,到这就跟我们上午去选择那个宝马。然后选它的车系,效果是一样的,这是一步对象来获取数据,更新你的页面中的部分内容,而原有内容呢,依然是不动的,这样的话呢,我们只是把我们需要更改的地方用新的数据来进行替换了,当页面里边你可以有很多地方。
04:10
都可以呢,用一步对象来获取数据进行更新处理,这就是一步操作,获取的是数据,我们把这个数据呢来更新我们的当前页面。把页面的数据呢换成服务器端返回的结果数据,这就是一步请求获取数据,把数据呢更新当前页面。好,那整个例子呢,到这儿就非常完整了。不管再怎么复杂呢,那我们实际上呢,做这个一步请求呢,用的就是核心一步对象四个步骤,第一创建一个对象,第二绑定一个事件。在事件中,我们要接收数据,更新到对象。
05:00
第三步。我们要指定呢,Open,也就是初始化一步,请求对象来指定访问的方式,访问的地址,第四步,发起请求,请求发起之后,当我们的服务器端返回数据之后。我们一步对象会执行我们的function。来获取我们的数据,此时在更新我们的盗墓对象,所以它叫一步的,也就是说当你发出请求之后。发之后了,你就不用管了,当你的这个返回了数据之后,数据什么时候返回,那么这个数据才会执行这一块的操作。当服务器端反出去之后,移步对象知道反应数据了,他此时才会执行我们的这个世界,才会拿到数据,才会更新你的页面,这是一种移步的方式啊,移步的方式我们在后面呢,会通过例子再给你解释。
06:09
这是阿贾克斯用的核心对象斯m lhttv request用它来做我们的局部刷新。哈贾克斯呢,它指的是。一种新的方法,这种方法呢,用来实现局部刷新,它融合的技术主要是javascript的,还有一个是Jason,这现在没讲的啊,我们现在用的是普通的文本数据啊。好,整个例子到这呢,我们就讲完了,基本内容呢,我觉得呢,大家都应该能掌握,应该没什么问题。只不过呢?刚开始写的时候呢,这些例子呢,你可能不熟悉,写两遍之后就会好很多了,就这么四大步骤啊。好,那这个例子呢,我们就完成了。下面呢,我们再来给他写一个呢,稍微难一点的例子,这个例子呢,我们用到数据库啊,用到数据库,那用到数据库呢,实际上只是我们的服务器端代码进行了更新,而前端代码呢,实际上还是这四个步骤,我们只是把这个获取数据啊,让它稍微的复杂一些,我们去访问数据库,同时呢,也把JDBC的技术啊给大家复习一下。
07:29
JDBC访问数据库。
我来说两句