当前位置:Gxlcms > JavaScript > SSH网上商城之使用ajax完成用户名是否存在异步校验

SSH网上商城之使用ajax完成用户名是否存在异步校验

时间:2021-07-01 10:21:17 帮助过:19人阅读

这篇文章主要介绍了SSH网上商城之使用ajax完成用户名是否存在异步校验的相关资料,需要的朋友可以参考下

小伙伴在上网的时候,需要下载或者观看某些视频资料,更或者是在逛淘宝的时候,我们都需要注册一个用户,当我们填写好各种信息,点击确定的时候,提示用户名已经存在,小编就想,为什么当我们填写完用户名的时候,她就自动提示用户名已经存在,我们也不需要浪费那么多感情,直到填写完那么多的信息之后在提示,在小编最近的项目中,就碰到这个问题,我们可以使用ajax完成用户名是否存在,今天这篇博客,小编就简单的总结一下,如何使用ajax来完成校验,还请小伙伴多多指教哦`(*∩_∩*)′!

首先ajax完成用户名是否存在异步校验,那么我们该如何做呢?在这里,我们要由事件进行触发,也就是说,我们在用户名里面输入的时候,鼠标移开,这个事件叫做onblur,即失去焦点,与其相对的,鼠标放在里面获得焦点,我们称之为onfocus,那么失去焦点,我们该怎么操作呢?首先找到注册页面,在注册页面找到用户名那部分的代码,在后面加上onblur=checkUsername(),校验用户名即可,接着我们来编写方法checkUsername,具体代码如下所示:

接着,我们来建立实体Vo,实现模型驱动,自动实现封装,具体代码如下所示:

我们要接收参数,实现模型驱动,ActionSupport直接实现modelDriven即可,接着来编写我们的ajax代码,需要向action中进行提交,我们来编写UserAction中的代码,具体代码如下所示:

输出 HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html;charset=UTF-8"); //判断 if(existUser != null){ //查询到该用户:用户名已经存在 response.getWriter().println("<font color='red'>用户名已经存在</font>"); }else{ //没查询到该用户:用户名可以使用 response.getWriter().println("<font color='green'>用户名已经存在</font>"); } return NONE; } /** * 用戶注册的方法: */ public String regist(){ return NONE; } } </span>

接着,我们需要做的就是把service和Dao配置到applicationContext中,代码如下所示:

配置好了之后,我们需要在UserDao里面完成查询,具体代码如下所示:

接着,我们需要在service里面完成对Dao的调用,具体代码如下所示:

接着我们需要在UserAction中进行调用,具体代码如下所示:

输出 HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html;charset=UTF-8"); //判断 if(existUser != null){ //查询到该用户:用户名已经存在 response.getWriter().println("<font color='red'>用户名已经存在</font>"); }else{ //没查询到该用户:用户名可以使用 response.getWriter().println("<font color='green'>用户名已经存在</font>"); } return NONE; } /** * 用戶注册的方法: */ public String regist(){ return NONE; } } </span>

最后,我们来编写映射文件里面的内容,具体代码如下所示:

不要忘记了,要把她陪到applicationContext里面,具体代码如下所示:

代码到此结束,下面给大家展示下效果图:

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

ajax请求之返回数据的顺序问题分析

防止重复发送Ajax请求的解决方案

解决ajax返回验证的时候总是弹出error错误的方法

以上就是SSH网上商城之使用ajax完成用户名是否存在异步校验的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行