Cookie实现七天免登陆

第一步，我们要有一个简单的登录页面

	<form action="">
		<table>
			<tr>
				<td>用户名</td>
				<td><input type="text" name="username" ></td>
			</tr>
			<tr>
				<td>密码</td>
				<td><input type="password" name="password" ></td>
			</tr>
			<tr>
				<td></td>
				<td><input type="checkbox" value="yes" name="y">自动登录</td>
			</tr>
			<tr>
				<td></td>
				<td><input type="button" value="登录" onclick="login()" id="dl"></td>
			</tr>
		</table>
	</form>

第二步，在第一步中我们写了一个login()的点击事件，在这里呢，代表Ajax实现登录功能。所以，在js中我们要把登录的功能写出来

	function login(){
		// 获取账号
		var username = $("[name = 'username']").val();
		//	获取密码
		var password = $("[name = 'password']").val();
		// 当复选框选中的时候，获取到此value值
		var y = $("[name = 'y']:checked").val();
		$.post(
			"../manager/login",
			{username:username,password:password,y:y},
			function(obj){
				if(obj){
					alert("登录成功");
					location.href="../main/main";
				}else{
					alert("登录失败");
				}
			},
			"json"
		);
	}

第三步，在后台中写出登录功能的代码以及把账号和密码加入Cookie中的方法

	@RequestMapping(value="login")
	@ResponseBody
	public User login(User user,HttpServletRequest request,String y,HttpServletResponse response) throws IOException {
		user = managerService.login(user);
		if(user!=null) {
			// 判断复选框是否选中
			if("yes".equals(y)) {
				//把账号存入Cookie且名字为username
				Cookie username = new Cookie("username", user.getUsername());
				//设置过期时间（以秒为单位）
				username.setMaxAge(20);
				//设置添加到根路径下
				username.setPath("/");
				//添加Cookie
				response.addCookie(username);
				Cookie password = new Cookie("password", user.getPassword());
				password.setMaxAge(20);
				password.setPath("/");
				response.addCookie(password);
			}
			request.getSession().setAttribute("user", user);
			return user;
		}
		return null;
	}

到目前为止呢，简单的登录就可以实现了，但是我们所要的七天免登陆还是没有实现的，所以这时候我们还需要在登录页面中的js代码加上一个准备就绪函数

	$(function(){
		// 判断Cookie中是否有值，有值则回显，反之就不用管了
		if("${cookie.username.value}"!=''&&"${cookie.password.value}"!=''){
			$("[name='username']").val("${cookie.username.value}");
			$("[name='password']").val("${cookie.password.value}");
			// 这个事件可以模拟“我”直接触发登录的那个点击事件
			$('#dl').trigger("click");
		}
	})

OK，今天的分享就到此为止了，各位大神如若觉得哪里做的不对，还望指点一二……