00:00
书城项目的第九阶段啊是吧?啊,第一点就是使用阿贾克斯验证用户名是否可用啊,那我们把这个停了。咱们回到书城里面来。启动一下。稍等啊。等它启动一下啊,输送内容有点多,会稍微慢一点。来咱们看一下,就是注册这个地方,那么我们希望达到什么效果呢?就是当我们输入用户名之后,一离开,我们就把这个用户名的信息啊发给后台,让后台去校验一下这个用户名它是否可用,然后呢,我们根据校验的这个结果啊,请求的结果提示用户啊可用不可用,我们看看这样的一个功能怎么样去实现。就大概的一个思路啊,是什么样子呢,我们给大家分析一下,就比如说。
01:05
在这一点是吧,你输入你输入完成了吗?哎,那么。一离开这个输入框,就失去焦点,好,你请求就发过来。那请求发过来,发给谁呢?大家请看哈,就是usual呗。好you好了,那这里面咱们来注意看一下哈,有个方法就public VO阿贾克斯,诶us name,好,就这样一个方法。那么处理用户的请求啊。咱们换个。好,咱们说这是干嘛呀,就是验证验证用户名是否可用啊,那么由于它是阿贾克斯请求的,我这个地方呢,用这样一个前缀啊表示,那这边大概要干什么呢。
02:14
啊,咱们代码都写这么长时间了,有没有思路啊,第一个就是先获取请求的参数us name啊,然后其次呢,调用service,大家看见了吗?它的步骤一直都是这样子,Usual service.is that usual name。啊,验证用户名是否可用好,第三现在结果你已经有了,你是不是要把这个结果反馈给客户端。对吧,你怎么返回怎么返回,大家注意看,就是把结果。
03:04
把客户端需要的结果封装成为map对象啊,然后回传给客户端。是吧,哎,这样就完了,这样就完了,基本上就结束了,那么我们就想知道了。好,那么回传的时候需要什么数据啊,回传用户名是否可用就完了嘛,然后这边呢,就是根据回传的结果提示用户,大概就这样子。哎,大概就这样的一个思路和步骤哈,来。那我们就按照这样的思路和步骤来做一下,好,我们先给这个输入框啊,绑定失去焦点的事件啊,咱们到这个这两个关了哈。
04:06
到book里面来找到注册页面。往下往下啊,这就是那个用户名,我们找到ID。站在上面。啊,User内失去焦点时点点blood啊好,然后在这个里面要干什么事情呢?第一就是获取书,获取用户名是吧,用户名是第四点ONE6用好了吗?好,接着呢,我们要发起阿贾克斯请求,怎么发呀?到点get Jason。哎,URL date call back就这样子,那么URL是什么呢?请求地址,HP冒号双斜线localhost 8080book下的usual完了,那么请求的参数。
05:18
注意看一下,Action等于方法名就是阿贾克斯。Is that your name。啊,User就这样。好了,那么我们得带服务器准备上这个方法啊,准备上这个方法,嗯,来方法呢。走,找到它,打开usual。往下。咱们复制一份吧,复制这么一个哈,然后改改。好,然后这个呢,我我复制方法名,免得写的不一样,我复制在这边改了好这里做的事情获取请求的参数,User是吧,Request get parater name,好。
06:22
然后得到之后怎么办呢?就去调用user service.is user。哎呀,就这样哈,来usual service.is that usual name进来是否可用好,然后这些值呢?你要把返回的结果封装,封装成为map对象map object。
07:07
叫做rerout。Map,这样好识别一点,好到result map.put put什么东西呢?大家请看哈,我把这个不是返回吗?我就我就拿这个当T,哎呀。那这当T,那它当结果啊,把它转成Jason返回,那转成Jason的话,你还要有这个勾啊,没有勾成是吧,咱们打下包,咱们到今天这个内容里面,把那个包啊稍微复制一下。G复制。呃,到咱们书城里面来粘贴,粘贴进来之后呢,把它加进来在项目结构里面。咱们找到这个类。给他加一下。谁呀,他OK?
08:03
好,可加进来了啊,加进来以后咱们就能直接使用来请看啊勾等于六勾啊勾点出Jason把什么放进来呀,Result map放进来。Jason,好,然后呢,这个值怎么返回,通过响应的字符输出流输出,呃,Jason,就这样子就好了。这样就好,这服务器别人就写好了哈,然后客户端咱们接着写,就是那你那你收到这个响应你怎么处理啊,大家注意看我们,我们先打印输出一下这个date,我们先看看效果啊,看看它能不能得到这些数据啊,来我们刷新一下,并且呢,咱们重新部署才行啊。
09:00
清一下他在编译啊,项目到他在编译,稍微等一会儿。好,这个部署呢,已经成功了,那么我们这边来试试看哈,嗯,F12。看控制台一会看他输出啊,哎,咱们说ZWG168走。大家看这边是不是返回这个结果说。A zw68。False就是不存在。哎,不存在吗?咱们看看这边。是删了吗?走ZWG168是不是已经存在啊,我们看到这个结果哈。在这边打上debug这个断点,咱们看看这个效果,呃,然后重新启动一下,用debug测试一下哈,这个结果不对,虽然说整个已经跑通了,那结果不对,咱们就测一下。
10:02
好,稍等。哎,这个咱们就不要了哈,这些端点就不要了,咱们给他放过去好接着呢。接着呢,我们再来试一下哈,这里在WG168离开,你看他就发请求了吧,往下走哦,为什么结果不对啊,大家看这个值是不是闹,大家记住啊,当你第一时间出现错误的时候,不是不是慌张啊,而是去测试一下啊,测试一下好,那结果不够,不过来就说明什么,可能参数传错了呗。大家看咱们是不是没传呢,是吧?来usual name等于加上us name就好了吗?哎,好,再来一下。咱这就放过去了啊,再来刷新刷新刷新来ZWG168走,再过来了哈,呃,过来之后咱们往下走一下,这个值是不是对了,过来了吧哈,过来再往下走。
11:10
走,咱们看这结果,结果是醋,说明是不是已存在呀,啊,这就正确的了,因为这里确实有嘛。啊,这里确实有好了,呃,后面我就不看了,就放过去,大家看这个是不是已经是醋了,那我们在后面加点东西,走再过来。这肯定是没有嘛,咱们可以对一下ZW1ZWG1688咱们几个啦。哦,咱们三个八是吧,这里呢两个八,哎,那行吧,那肯定这个也没有,呃,没有的话往下走,大家看一下,这是force看见了吗?啊false,那我不看了,走这时候呢force啊这时候就说明可用了,好我们在客户端就根据这个结果啊,提示一下用户啊。怎么提示呢,咱们说。If这个结果当中is that you name,我复制一下啊复制。
12:09
走两种情况嘛,啊,大家注意哈,如果为错就说明用户名已经存在了,那我我来复制一下,就这个咱们错误信息的输出都在这里面吗。用户名已存在。啊,然后下面这一块就是用户名可用,用户名可用啊呃,来咱们刷新一下看看效果了,来吧,呃咪走这这肯定也存在的吧,我不看了哈,我放过去了,大家看用户名是不是存在呀,我在里面1234走这这是不可用啊。哎,就好了啊,这个就是使用阿贾克斯请求验证用户名是否可用的情况啊。
我来说两句