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

最新推荐文章于 2022-02-01 21:08:38 发布

csdn_peter

最新推荐文章于 2022-02-01 21:08:38 发布

阅读量690

点赞数

文章标签： jquery ajax struts2

本文链接：https://blog.youkuaiyun.com/csdn_peter/article/details/45081303

版权

刚开始接触编程，自学了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" οnblur="check_userName()"/>
  </body>
</html></span>