js 操作cookie

今天在做项目的时候,需求是要在客户端保存用户数据。在用户登录页面保存cookie,使其跳转到其他页面时使用此cookie值。

cookie是以键值对的形式保存的,即key=value的格式。各个cookie之间一般是以“;”分隔。


JS设置cookie:(项目中是在一般处理程序中保存的Cookie,在这里就用JS来解说。)
 
假设在signin页面中要保存变量username的值("admin")到cookie中,key值为name,则相应的JS代码为:

document.cookie="name="+username; 


JS读取cookie:
 
假设cookie中存储的内容为:name=admin;password=123
 
则在index页面中获取变量username的值的JS代码如下:

var username=document.cookie.split(";")[0].split("=")[1]; 


//JS操作cookies方法!

//程序代码 

//写入cookie
function setCookie(name,value,time)
{
    var strsec = getsec(time);
    var exp = new Date();
    exp.setTime(exp.getTime() + strsec*1);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
} 

//读取Cookie
function getsec(str)
{
   alert(str);
   var str1=str.substring(1,str.length)*1;
   var str2=str.substring(0,1);
   if (str2=="s")
   {
        return str1*1000;
   }
   else if (str2=="h")
   {
       return str1*60*60*1000;
   }
   else if (str2=="d")
   {
       return str1*24*60*60*1000;
   }
} 

//删除cookies
function delCookie(name)
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null)
        document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}


//使用示例:
//s20是代表20秒
//h是指小时,如12小时则是:h12
//d是天数,30天则:d30

setCookie("name","kevin","s20");

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值