JQuery+Ajax实现用户名的检测(用户名是否已存在)

//JS中的代码：

    $(document).ready(function(){
    checkConfirm();
    
    //验证用户名是否存在
    function checkConfirm(){
    $("#username").blur(function(){
    var username = $(this).val();
    $.get("../../admin/UserManagerAction!checkuser?username="+username,function(data){
        if(data == 'ok'){
            $("#userInfo").html("<font color=\"red\">您输入的用户名已存在！请重新输入！</font>");
        }
        else{
            $("#userInfo").html("");
        }
    });
    return false;
    });
    }

     $("#sbtn").click(checkpost);
    function checkpost(){
        
        if($("#userInfo").text()!=""){
        alert("用户名已存在，请重新输入！");
        return;

        }

    });

//body中的代码

用户名:<input type="text" size="15" name="username" id="username"><font color="red">*</font><span id="userInfo"></span>

<input type="button" value="确定" name="sbtn" id="sbtn"/>

//action中的代码

//检查输入用户名是否已存在
    public String checkuser() {
        String json=""; //返回的JSON字符串
        DataTool instance = DataTool.getInstance();
        String username = request.getParameter("username");
        String sql="select *  from t_userlist where username=?";
        List<Map<String,Object>> userList=instance.executeQuery(sql,  new Object[]{username});
        if (userList.size()>0) {
            json = "ok";
        } else {
            json = "fail";
        }
        try {
            response.getWriter().write(json);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }