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

 这篇文章主要介绍了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错误的方法