00:00
好,那首先呢,我把这个你的名呢改一下,改成叫b mi啊好,下面我们要做的是局部刷新,那局部刷新。好,局部刷新呢,我们干脆我看一下啊局部刷新。我看一下,我们再建一个模块吧,再建一个。New model,这个model呢,还是一个web application next。那这个例子呢,我们就叫做。刚才是cos my阿贾克斯。嗯,那我这个呢,换一个cos啊,我们又是一个局部刷新,局部刷新。叫local。
01:00
阿贾克斯。我们把它也是直接放到。这个目录的下面吧。Finish。然后OK。好,上面这是local access啊。本地的一个局部的刷新行,我们拿它呢,来做我们这个阿贾克斯请求的一个处理。那这题怎么做呢?要用到今天讲的内容了。好,我们要实现一个阿贾克斯的局部刷新。啊,那首先第一步我们要新建一个JSP,然后我们要使用的是xml http request的一步对象,那我们使用这个移步对象呢,有四个步骤。
02:02
好,有四个步骤,第一是创建,第二是绑定事件,第三是初始请求。第四,发送请求一共什么四步?这是第一个主要步骤,那第二个步骤呢?我们需要创建服务器端的接收并处理数据,然后把数据输出给一部对象。谁发的请求?这个数据就输出给谁,由一步对象发请求,那么这个数据也是返回给你这个一步对象,好主要就这么的两大步骤就行了,一个是你的前端页面,一个是你的服务器端。
03:04
好,那现在我们先写前端页面的内容,还是做刚才这个阿贾克斯的,还是做刚才的b mi的计算啊b mi的,那打开页面呢,还用它。我们这儿做的是局部刷新,局部刷新做的是阿贾克斯。局部刷新阿贾克斯用它呢来计算b mi。好。那这个内容怎么做呢?我看看啊,我们换一层吧,里边呢,首先我们得有一个姓名啊,姓名用一个input type是text,然后我们用ID,因为用ID呢去获取到对象比较方便一点,所以这呢我给它起个ID吧,ID呢叫name。
04:07
然后打一个换行,接着是体重。体重呢是公斤。它是一个文本块,ID呢,我们就叫做W吧,W好记吗?因为它简短,然后是身高。身高呢?是米为单位的。下呢是一个文本框,ID呢叫H好。
05:00
下面这块呢,我们来写一个小按钮八,然后呢,它的VALUE6,我们说是计算b mi,给它一个事件on click按钮的单击事件。阿甲三,我们叫做度阿贾克斯,那么调用这个函数来实现一个阿贾克斯请求处理,那你看我现在写的这个夜班内容和我们做全局刷新主要有哪个区别呢?你注意啊,我这写的这个页面内容,这和之前的全局刷新有一个最显著的区别,这我这里没用表单,注意我没有,我没有放吗。这里边是说我没有使用form,这里面就是说你可以使用form,你不使用也行。阿贾克的请求不是用form。
06:08
来提交的,所以这里边儿有没有放没有任何关系啊,我没有使用form。就是一个组件的一个列表,文本块,还有一个普通按钮,它有个单击世界,现在呢,我们先把页面给它写上。我们得用到脚本了,所以这里呢,我们要来使用的是script type,我们用的是text Java这个script这个脚本,为什么有脚本呢?因为我们要用的是内存中的一步对象。我们要使用内存中的一部对象来代替浏览器去发起请求,那一步对象是使用JS创建和管理的。
07:05
所以你得有脚本,因为在脚本中你才能够写脚本代码,才能去创建和使用这个一步对象,那么步骤的第一步创建一步对象。定义变量一个。对快对象这第一步创建一步对象,第二步我们要绑定,绑定事件的。一部对象,它的事件叫做onri change等于一个发,那么在这个发生之中,我们要处理服务器端返回的数据,更新当前页面,好怎么更新一会再写。先把这个基本的主要步骤呢先写上第三步。
08:05
初始请求参数,就说你请问数据啊,应该说初始我们的请求对象请求的一些数据。执行一步对象,它的叫open。方法,第一个参数是请求方式,我们用get逗号,第二个是请求地址,地址还没有呢,一会再写,第三个是不是一步的针表示一步的,一步表示什么,后面我会讲先写真就行了,然后这个地址这块呢,现在没有,我先写一个吧。比方说我们写一个b mmi,阿贾克斯先写这么一个地址,这是我们的第三步,第四步我们要发起请求,用的是一步对象他的S的方法。
09:06
这就是他的四个主要的步骤。创建对象绑定事件初始请求数据,就说请求的方式啊,地址啊等等信息。发起请求就这四步,这就完事了,一步,最下的使用四大步。
我来说两句