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="登陆" οnclick="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");
		}
	})