登录窗口记住我功能的实现（SSM+ajax+Cookie）

逃离我推掉我的手 2021-06-26 16:06 543阅读 0赞

实现方法：

1.在登录验证的 Controller 里面调用私有函数 addCookie 。

@RequestMapping(value="/loginValidate")
    public String loginValidate(HttpServletRequest request, HttpServletResponse response) throws IOException{
        String loginAccount = request.getParameter("loginAccount");//登录账号
        String loginPassword = request.getParameter("loginPassword");//登录密码
        //添加 Cookie
        addCookie(loginAccount,loginPassword,response,request);
        //下面是自己写的一些登录验证，此处不是重点，省略掉
        ... ...
    }

2.然后在 addCookie 函数实现 Cookie 的存放

private void addCookie(String loginAccount,String loginPassword, HttpServletResponse response,HttpServletRequest request)
                throws UnsupportedEncodingException{
        if(!loginAccount.equals("") && !loginPassword.equals("")){
            //创建  Cookie
            Cookie loginAccountCookie = new Cookie("loginAccount",loginAccount);
            Cookie loginPasswordCookie = new Cookie("loginPassword",loginPassword);
            //设置Cookie的父路经
            loginAccountCookie.setPath(request.getContextPath()+"/");
            loginPasswordCookie.setPath(request.getContextPath()+"/");
            //获取是否保存Cookie（例如：复选框的值）
            String rememberMe = request.getParameter("rememberMe");
            if( rememberMe==null || rememberMe.equals(false) ){
                //不保存Cookie
                loginAccountCookie.setMaxAge(0);
                loginPasswordCookie.setMaxAge(0);
            }else{
                //保存Cookie的时间长度，单位为秒
                loginAccountCookie.setMaxAge(7*24*60*60);
                loginPasswordCookie.setMaxAge(7*24*60*60);
            }
            //加入Cookie到响应头
            response.addCookie(loginAccountCookie);
            response.addCookie(loginPasswordCookie);
        }
    }

到这里，就实现了在登录过程中，把登录的账号和密码给存放到了 Cookie 里面了。接下来就是怎么在下一次登

录的时候获取 已经存放的 Cookie。

3.前台在页面加载的时候，使用 ajax 请求 Controller

$(function(){
        $.ajax({
            type:"POST",
            url: "/hstc_manage/getCookie", 
            dataType:"json",
            success:function(data){ 
                $("#loginAccount").val(data.loginAccount);
                $("#loginPassword").val(data.loginPassword);
                $("#checkOne").attr("checked",true);
            },
            error:function() {
                alert("cookies 信息获取失败！");
            }
        });
    });

4.后台实现

/**
        	 * 获取 Cookie中的信息
    	 * @param request
    	 * @return
    	 * @throws IOException
    	 */
    	@RequestMapping(value="/getCookie")
    	@ResponseBody
    	public String getCookie(HttpServletRequest request)throws IOException{
    		String loginAccount = "";
    		String loginPassword = "";
    		Cookie[] cookies = request.getCookies();
    		if(cookies!=null&&cookies.length>0){
    			//遍历Cookie
    			for(int i=0;i<cookies.length;i++){
    				Cookie cookie = cookies[i];
    				//此处类似与Map有
    				if("loginAccount".equals(cookie.getName())){
    					loginAccount = cookie.getValue();
    				}
    				if("loginPassword".equals(cookie.getName())){
    					loginPassword = cookie.getValue();
    				}
    			}
    		}
    		//自己定义的javabean Cookies
    		Cookies co = new Cookies();
    		co.setLoginAccount(loginAccount);
    		co.setLoginPassword(loginPassword);
    		Gson gson = new Gson();
    		return gson.toJson(co);
    	}