cookie的使用

js中使用cookie的地方有很多,保存用户名及密码,保存登陆信息等,使下次用户上线就有很好的体验~。下面来说说js中cookie的使用方法和封装方法

1、(设置)设置cookie,设置cookie一般需要设置值和时间,如果不设置时间则会随着浏览器关闭而关闭!

设置值的形式为“属性=值”的形式,设置的时候还算舒服,可是获取就不是那么人性化了~

var time = new Date( new Date().getTime() + 365*24*60*60*1000 ); //设置时间为365天(有的网页就是这么暴力,直接整一年!)
document.cookie = "dd=goudan;expires="+time.toGMTString();"//

此时我们可看到我们已经设置了一个名为dd ,值为goudan的cookie,如果要查看可以打开chrome浏览器点击此处查看

[图片上传失败...(image-ca4575-1515155390053)]

2、(获取)此时我们获取cookie的时候这样: (这里有个点很关键!!!,如果本地获取不到,试着开一个服务,使用webstrom等自带服务器的软件打开即可)
var c = document.cookie;
alert( c );

此时我们看到的是dd=goudan,想要要获取值我们还得对着一串字符串进行操作

  var arr = document.cookie.match(new RegExp("(\\s|^)"+key+"=([^;]*)(;|$)"));

这里使用正则来匹配名,arr中即为设置dd的值 goudan。

3、(删除)删除cookie我们只需要设置一个负的时间,,并将值赋值为空,即为过去时间,就可以删除cookie

var time = new Date( new Date().getTime() + -1*24*60*60*1000 );//这里设置时间为-1
document.cookie = "ddi=; expires="+time.toGMTString();

到这里,所有对cookie的操作就完了,但有时候我们并不想这么麻烦,下面就给出封装的方法来更人性化的操作

/*
这里我们设置的时候直接传入json格式的数据即可完成多个cookie的保存,时间单位按照天来计算。
获取的时候我们只需要传入需要获取的名,(即前面的dd即可返回goudan)
删除时传入需要删除的名(数组形式,如["dd"])即可完成删除,此处需要删除多个,可传入数组的形式如["dd","name","age"],即可删除dd对应的值
*/
//设置cookie
 function setCookie(vJson , time){
     var data = new Date( new Date().getTime() + time*24*60*60*1000 ).toGMTString();
     for (var key in vJson)document.cookie = key+"="+vJson[key]+"; expires="+data;
}

//获取cookie
function getCookie(key){
    var arr = document.cookie.match(new RegExp("(\\s|^)"+key+"=([^;]*)(;|$)"));
    return arr?arr[2]:"";
}

//移除cookie
function removeCookie(akey){
    var arr = akey;
    var json = {};
    var length = arr.length;
    for(var i = 0; i<arr.length;i++)json[akey[i]] = "";
    setCookie(json , -1);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • 我们主要关注的是cookie的特性,以及如何使用。所以,先不讲枯燥的理论知识,相信这些理论大家从网上随随便便就能找...
    绚烂的烟火阅读 3,049评论 0 3
  • 一、cookie的作用 在我们平常写的B/S程序中,会经常用到cookie,主要有以下一些作用: 1、记录用户名和...
    Bookcyj阅读 2,865评论 0 1
  • 分享下最近项目用到的cookie的使用及管理 首先,先介绍下iOS对cookie的操作的两个类: 帖子来源于:ht...
    花前月下阅读 40,583评论 65 63
  • JavaScript是运行在客户端的脚本,一般是不能够直接设置Session的,因为Session是运行在服务器端...
    hh_王小米阅读 1,487评论 2 0
  • 1.使用场景 保存用户登录状态。例如将用户id存储于一个cookie内,这样当用户下次访问该页面时就不需要重新登录...
    jiaomeichen阅读 447评论 1 4