关于 struts+ajax+jquery 验证用户名是否重复

来源：互联网发布：软件过程财富库编辑：程序博客网时间：2024/05/29 12:57

刚开始接触编程，自学了ajax，发表了做个学习吧，在项目中用的是ssh框架

首先配上action：

/** * 检查用户名是否存在 * @param userName 用户名 * @return  */public String findUserByUsername() throws IOException{//Map<String, String> map = new HashMap<String, String>();                ActionContext actionContext = ActionContext.getContext();        HttpServletRequest request = (HttpServletRequest)actionContext.get(ServletActionContext.HTTP_REQUEST);           HttpServletResponse response = (HttpServletResponse)actionContext.get(ServletActionContext.HTTP_RESPONSE);           String userName = Encoding.cvToUTF8(request.getParameter("userName"));        //map.put("userName", userName);        System.out.println("用户名："+userName);                response.setContentType("text/html;charset=UTF-8");                PrintWriter write = response.getWriter();                       Users u = userService.findUserByUsername(userName);               if(u != null && u.equals("")){             // 将要返回的map对象进行json处理            //JSONObject json = JSONObject.fromObject(map);            System.out.println("进入了.....");            // 调用json对象的toString方法转换为字符串然后赋值给result            //this.result = json.toString();            write.println("用户名已经存在");        }else{        write.println("用户名不存在");        }        write.close();                return "success";    }

struts2的配置：

<package name="ajax" extends="json-default" >          <!-- 检验用户名是否存在 -->          <action name="findUserByUsername" class="com.cn.yahu.action.UserAction" method="findUserByUsername">              <!-- 返回类型为json 在sjon-default中定义 -->              <result type="json" name="success">                  <!-- root的值对应要返回的值的属性 -->                  <!-- 这里的result值即是 对应action中的 result -->                  <param name="root">result</param>              </result>          </action>      </package>

jsp页面：

<span style="font-size:24px;"> </span><span style="font-size:14px;"><script type="text/javascript">    $(document).ready(function(){    var userName = $("#userName");          $("#userName").blur(function(){        var text = userName.val().trim();        $("#userName").blur(function(){            $.ajax({            url:"findUserByUsername.action?userName="+text,            type:"GET",            success:function (response){            if(response=="用户名已经存在"){            alert("aaa"+response);            }else{            alert("bbb"+response);            }            },            error:function (){            alert("error");            }                                    });        });       });          });          </script>    <body>    <input type="text" id="userName" onblur="check_userName()"/>  </body></html></span>

0 0