//工具类
function addCookie(list,map,dat){
for(var i=0;i<list.length;i++){//通过for循环取出键,map通过得到的键取出相对应的值,然后把他们放到cookie中
var key=list[i];
var value=map[key];
console.log(key);
console.log(value);
var d= new Date();
alert(dat);
d.setHours(d.getHours() + (24 * dat)); //保存一个月
document.cookie=key+"="+escape(value)+";expires=" + d.toGMTString();
}
}
function getCookie(cookie_name){ //通过传入cookie的name然后找到相对应的cookie的值返回给前台
var allcookies = document.cookie;
var cookie_pos = allcookies.indexOf(cookie_name); //索引的长度
// 如果找到了索引,就代表cookie存在,
// 反之,就说明不存在。
if (cookie_pos != -1) {
// 把cookie_pos放在值的开始,只要给值加1即可。
cookie_pos += cookie_name.length + 1; //这里我自己试过,容易出问题,所以请大家参考的时候自己好好研究一下。。。
var cookie_end = allcookies.indexOf(";", cookie_pos);
if (cookie_end == -1) {
cookie_end = allcookies.length;
}
var value = unescape(allcookies.substring(cookie_pos, cookie_end)); //这里就可以得到你想要的cookie的值了。。。
}
return value;
}
//login页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%=request.getContextPath() %>/jquery-easyui-1.5/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/jquery-easyui-1.5/denglu.js"></script>
<script type="text/javascript">
$(function(){
var uname= getCookie("name");
var upassword= getCookie("password");
$("#name").val(uname);
$("#password").val(upassword);
$("button").click(function(){
if($("#jz").prop("checked")){
var name=$("#name").val();
var password=$("#password").val();
var dat=$("#sc").val();
var list=new Array();//创建list集合
list[0]="name";//给集合赋值
list[1]="password";
var map={};//创建map集合
map['name']=name;
map['password']=password;
addCookie(list,map,dat);
}
});
});
</script>
</head>
<body>
<form>
账号:<input id="name"><br>
密码:<input id="password" type="password" ><br>
记住密码:<input type="checkbox" id="jz" checked="true">
<select id="sc"><option value="7">一周</option><option value="30">一月</option><option value="9999999">永久</option></select>
<br><button>登陆</button>
</form>
</body>
</html>