基于jQuery实现的Ajax 验证用户名唯一性

基于jQuery实现的Ajax 验证用户名唯一性

前端jsp页面代码 

<tr>
                                    <th><span class="requiredField">*</span>用户名:</th>
                                    <td><input type="text" id="username" name="username"
                                        onblur="checkName()" class="text" maxlength="20"><span
                                            id="tishi"></span></td>
                                </tr>

script 代码 

<script type="text/javascript">

    function checkName() {
        var username = $("#username").val();
        //获取账号后的提示信息文本
        var tishi = document.getElementById("tishi");
        $.ajax({
            url : "${pageContext.request.contextPath}/user_findByUsername.action", //后台查询验证的方法
            data : {
                "username" : username
            }, //携带的参数
            type : "post",
            success : function(msg) {
                //根据后台返回前台的msg给提示信息加HTML
                if ("true" != msg) {
                    // 账号已经存在
                    tishi.innerHTML = "<font color='red'>抱歉，" + username + "已被注册，请更换！</font>"
                } else {
                    // 账号不存在
                    tishi.innerHTML = "<font color='green'>恭喜，" + username + " 可以注册！</font>"
                }
            }
        });

    }
</script>

其中UserAction中的代码 

public String findByUsername() throws IOException{
        User u=userService.findByUsername(user.getUsername());
          String result = "true";
          if (u!=null ) {
              //说明账号存在
              result = "false";
          }
          //输出到界面
          HttpServletResponse response = ServletActionContext.getResponse();
          response.setContentType("text/html");
          ServletOutputStream outputStream = response.getOutputStream();
          outputStream.write(result.getBytes());
          outputStream.close();
        return NONE;
    }

Userservice中的代码 

public User findByUsername(String username) {
        return userDao.findByUsername(username);
    }

UserDaoImpl中的代码 

    public User findByUsername(String username) {
        List<User> list=(List<User>) this.getHibernateTemplate().find("from User where username=?",username);
        if(list!=null&&list.size()>0){
            return list.get(0);
        }
        return null;
    }

即可实现异步刷新