00:00
好,我们继续往下来。前面页面呢,先准备着。然后我们来写后端的接收请求的。好在src目录之下呢。我今天把包创建上come北京power note看超了。然后代码怎么写呢?我们用之前的cos my阿贾克斯中的solid就行了,代码拿过来改一改,比方说就这个吧,B mi来CTRC,把它先附到这一份。改个名字,阿贾克斯扫的OK,打开代码。代码的里边呢,我们看啊,我这是一个新的项目,这个项目呢,现在也是关于这些类啊,都不存在。那我把它呢,也得是像以前一样,加上一个tomcat的依赖信息。
01:07
眼睛添加cool Tom k。应用OK。好,这样呢就可以了,实际上这个权限的类名,这你可以去掉它,是可以去掉它。这都可以去掉。都可以去掉。这样呢,简洁好看一些。好了,我用的呢,还是do get处理get请求。交请的参数。计算b mi,判断范围,这些呢都是不变的主要内容,最后就是说我们要进行一个数据的输出,用什么呢?用应答对象来输入数据就可以了,这是可以计算b mi,但是呢。刚开始学的时候呢,为了简单一点啊,我们这个代码呢,我先给它拿下去。
02:04
先拿下去,先拿下去啊,先把它存到这儿,一会呢我们再写,因为写这么多的话呢,大家看以后比较复杂,我在这个do盖中啊,我先来做一个输出语句啊,我说接收了。阿贾克斯的请求,如果这句话能输出,那就说明你用那个阿贾克斯的一步对象能够发出请求吧。那就是说如果我在前端的这个JSP中。如果我点击了这个。按钮的单击事件,如果能发出请求,这显示这什么请求能不能发出去呀?好,那这个多拉贾克斯,这个我还没写呢,我这个写这个一步对象,它应该是放在一个方法中,都卡贾克斯。然后你把这个步骤给放这里边,因为我这做的是个按钮单击事件嘛。
03:04
按click的多阿贾克斯,这是一个按钮,单击事件,在事件里边我们来做一步对象的使用,点击按钮来执行这四步,1234,当使行散了之后,请求发起访问,点阿贾克斯。那如果编码X中能够输入这句话,就说明请求能发出去了呗。现在把select配置上。打开web叉,Mail server light、阿贾克斯。Class class叫做bir。贾克斯进行might。
04:01
然后地址呢,就叫做b mi阿贾克斯好。这个地址呢,应该和我页面中的这个地址是保持一致的,好先把成基本的这个结构呢先写上。慢慢的再往里面去丰富它的参数和其他的处理代码,先把基本的骨架先写上。这写完之后呢,那我们来测试一下,看一看我的请求啊,到底能不能够发出去。还是配角汤姆害的。这回呢,把上面的项目去掉,我们来一个新的。然后地址呢,这看一下。现在启动他态的。
05:05
啊,情况日志啊,然后我们来访问一下。啊。局部杀新阿贾克斯,这里边儿的东西什么都不用添,点一下钮。好,看一下我们的输出,哎,看这有结果吧,接收了阿贾克的请求,那说明什么?说明你点击按钮的单击世界。走了一步,对象创建走了绑定,世界走了open,走了sand。当已经散了之后,那就说明你这个请求应该说发给了我们的。这个读get方法呀,所以才输出了接收了阿贾克斯的请求内容。这就证明呢,你用这个移步对象。
06:01
他是能带着浏览器去发请求吧。这不就发起请求了吗?用的是移步对象XMLHTTP,这个移步对象在平行下来之后,请求确实发出去了吧?用的get的方式访问的b mi,阿贾克斯,然后我们这个ad就执行了do get方法,并且执行了语句的输出内容啊。证明一步对象确实可以发起请求的。那我们说一步对象呢,它在发请求过程中啊,它是有状态变化的,状态变化呢,一共要有这样的。四个值。啊,应该是五个值哈,因为零呢,一般我们用不上,所以这呢零一二三四一共是五个值,零我们看不见,主要是看的这四个值。这四个值怎么能看出来呢?我们可以把这个。
07:00
Ready state属性值打印到屏幕上。好,那我们来看一下。找到index。我们在这个on ready state change里边,我们这执行一个alert。移步对象,它的叫做。State。好,那我们来说。State属性值。好,我把页面呢更新一下。这是刷新,我看看啊。更新页面。更新资源。好,然后刷新一下F12,打开我们的调试工具箱。
08:02
看网络点一下钮。我说这是一。因为呢,当点击按钮之后,那我们应该执行的是读阿贾克斯的这个函数,首先创建一步对象。执行绑定世界,执行open,执行send,当你在执行这些步骤时,从上往下依次执行,当走这的时候,它的状态呢,就应该是零,然后再往下走。当走到open的时候,状态是一一。所以你看我们的页面中,这是不是有一的值啊,一直行open吧,我们说在直行open的时候,这是初始化一步的对象了,是一零,我们是看不见的啊,一出现了,然后再往下走。才能确定,那么确定之后的话,那代码肯定是往下走,应该是走这啊算的这块的内容呢。
09:02
啊。二二是发请求,你注意看这块是不是有一个网络信息的产生呢,说明请求发出去了呀。发请求吗?访问的是b mi阿贾克斯访问地址请求的方式,然后这个XHR是什么呢?它就是一步对象的简称。HTTP。Request。哎,就是它XHR,所以它是一步对象说明这个请求是一个什么呢?阿贾克斯一步请求。好,那么他说的是二二,执行的是三。所以请求呢,发出去。那么发出之后呢,那你的服务器端就该处理了呗。
10:01
再点击确定你的服务器端安处理了,你注意看啊,这个请求状态多少啊,200啊请求成功确定,我们看,哎,我们三拿出来。四四的话呢,是说从你的服务器端返回了数据。并且解析成功,为什么没有其他值呢?是因为我们这个服务器端。只要是个空的,没返回结果数据啊。但是呢,我们的状态步骤呢,确实走了,就是说我们这个值发生了变化。整了一二,然后从复它返回数据是三,最后数据处理完成之后是四,因为现在数据上没有返回数据嘛,但是这里边我们有个标识。1244就是说数据内部数据完成了,一部对象把数据解析成功了,有四这么一个状态的表示,四就表示你的数据处理完成了。稍后呢,我们再加上一个响应结果,能看到三那个值啊。
11:04
下面这能看到我们的请求呢,确实发出去了。请求呢,参数没有响应也没有啊,所以没有三那个结果。好,这说明呢?我们的请求状态确实发生了变化吧?这是ready state。然后呢,我们还有一个叫做state。状态那个值啊,这个把它呢,我们也输出一下吧,好看看他。稍等一下啊。更新一下页面资源。刷新一下。点击发起请求,我们看状态是零,最开始的时候state啊在这呢。
12:00
确定,然后看200吗?这是200,你看这是不是也是200。哎,这说明请求成功了,这状态是二。然后思思的时候,在真是表示状态是。四是表示数据处理完成了,并且呢网络请求成功的,网络请求成功并且数据理完成,这时候我们的用户开发人员可以进入进来,来处理服务器端返回的实际数据。确定,这就完事了。那刚才演示这个过程呢,就是说我们触发了按钮,单击时间,执行了一步对象的四个步骤。我们也验证了状态的变化和我们的网络请求的状态的这个值,它现在是一个200,然后red现在是有1243个值能够显出来,那为了能把三呢也显出来,我们这样做。
13:05
在服极端我们来输出一下数据,输入数据呢,那我们先简单1.response,直接呢我们就get。Write write p w pw.print好,这我们输出一个哈阿贾克斯。FLASH7w.close然后重启一下。重启一下。好。
14:00
刷新啊,然后再来看。计算变一。然后二。看有三了吧,三是说从你的服据端返回的数据,这个数据最原始的,没有经过一部对象内部处理的最原始数据,再确定你看是不是有四了,四表示的从你的服务器端拿出数据了哈,阿贾克斯。这个数据这不就取回来了吗?阿贾克斯在这呢,那这个数据我要想取到,怎么取到它呢?要想获取图像数据,用的是response text的属性。那现在我们就可以在我们的页面中。来获取这个数据了。那在这。这个呢,先注释了这一行,然后我们要做的是说,如果啊,当我们的移步对象它的等于四。
15:07
并且我们的一部对象网络状态是。200就说明你的请求是成功的,并且呢拿到了数据,那此时呢,我们alert用的是一步对象的response text的文本数据。更新一下页面。刷新浏览器。计算好,我们看到是拿到了负的法律数据,哈,阿贾克斯吧,好,那现在我在页面中随便写点数据,随便写点数据啊,因现在我没用到这个数据,点击计算b mi。哈喽阿贾克斯,数据取到了,那你发现这个页面的这些内容有没有变化?他们说没有受到影响,我只是点击按钮时,这个按钮里边它有一个移步对象。
16:09
他去发起了请求。然后呢,把请求给了我们的这个。然后咱俩把这个数据给下来,又给这个移步对象了,这个移步对象他发请求去获取数据,不影响你的页面的其他内容。好,这是我们一步对象,它来完成了我们的请求处理操作,那现在的这个过程呢,实际上相当于就是说。你啊,有一个。页面。这个页面呢,就是我们的in JS PE。在这个页面中呢,有很多组件。这个组件呢,我们来看。那我们在这里边首先有一个是文本块啊,这个是test,然后这一块呢,这是我们那个name,那这是一个姓名的。
17:20
好,下面呢,还有其他的再写一个就是我们的体重和身高,那个身高这是体重,其他的啊,这块我们这有个按钮。Have呢,这是一个button,好,然后呢,我们用了脚本script,在这里呢,我们是VR new1x m http request和我们使用这个SI htp,它去发起。
18:12
请求接收数据。接收数据,那你呢,实际上还可以有多个。好类似的XMLHTTB,对一下。那么他是一个对象,发请求,他负责发,负责接些数据,它不会影响你当前页面的内容的,这是你的页面部分。然后在我们的这个服务器端,这边是服务器端。这是我们的服务器端。
19:02
哦,枸杞端。好。这边呢是我们的服务器端,服务器端呢,我们现在是一个。这个色拉里边呢,它负责功能就是。去接受。接收请求,然后呢,计算了PMI。来,最后呢,我们是使用http server response来输出数据,那我们现在要做的操作就是我们的请求。是由这个移步对象发出去的,给他了。好之后呢。
20:00
那我们这儿呢,它返回数据还返回给这个一步对象。由这个一步对象它的完成,请求的发出,还有数据的接受,那它处理过程呢,不会影响到你页面中的其他的内容,那就是说你的页面中的这些内容是不受到影响的,你现在这个一步对象,他负责和你的服计算代码进行沟通,发请求。接收我要返回的数据,返的是数据,这个数据拿来之后,我们可以用它来更新我们的页面的内容啊。好,就是我们基本的一步对象的一个处理的方式。好,稍等一下,我把这个呢保存一下啊。那我们现在呢,做的就是一个基本的一个请求到发出结果数据的一个接收,那要把这个做的更加完整呢?那我们就需要首先第一个你得用这个移步对象发请求时,得把我们需要用到的名称,还有这个体重身高得传给我们的服务器端吧。下面来看一下怎么来获取我们的姓名、体重和身高的数据呢?
我来说两句