jquery如何操作cookie

1先说一下,JS对cookie的操作:

设置cookie
每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie:
document.cookie="userId=828";
如果要一次存储多个名/值对,可以
使用分号加空格(; )隔开,例如:
document.cookie="userId=828; userName=hulk";


2一个轻量级地cookie 插件,可以读取、写入、删除 cookie. 


jquery.cookie.js 地配置 

首先包含jquery地库文件,在后面包含 jquery.cookie.js 地库文件. 

<script type=text/javascript src=js/jquery-1.6.2.min.js></script> 

<script type=text/javascript src=js/jquery.cookie.js></script> //重点是这个引入

使用方法  

1.新添加一个会话 cookie: 

$.cookie('the_cookie', 'the_value'); 

注:当没有指明 cookie有效时间时,所创建地cookie有效期默认到用户关闭浏览器为止,所以被称为 

“会话cookie(session cookie)”. 

2.创建一个cookie并设置有效时间为 7天: 

$.cookie('the_cookie', 'the_value', { expires: 7 }); 

注:当指明了cookie有效时间时,所创建地cookie被称为“持久 cookie (persistent cookie)”. 

3.创建一个cookie并设置 cookie地有效路径: 

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' }); 

注:在默认情况下,只有设置 cookie地网页才能读取该 cookie.如果想让一个页面读取另一个页面设 

置地cookie,必须设置cookie地路径.cookie地路径用于设置能够读取 cookie地顶级目录.将这 

个路径设置为网站地根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突) . 

4.读取cookie: 

$.cookie('the_cookie'); // cookie存在 => 'the_value' 

$.cookie('not_existing'); // cookie不存在 => null 

5.删除cookie,通过传递null作为cookie地值即可: 

$.cookie('the_cookie', null); 

----------相关参数地解释--------------- 

1).expires: 365 

定义cookie地有效时间,值可以是一个数字(从创建cookie时算起,以天为单位)或一个date 对 

象.如果省略,那么创建地cookie是会话cookie,将在用户退出浏览器时被删除. 

2).path: '/' 

默认情况:只有设置cookie地网页才能读取该cookie. 

定义cookie地有效路径.默认情况下, 该参数地值为创建 cookie 地网页所在路径(标准浏览器地行为) . 

如果你想在整个网站中访问这个cookie需要这样设置有效路径:path: '/'.如果你想删除一个定义 

了有效路径地 cookie,你需要在调用函数时包含这个路径:$.cookie('the_cookie', null, 

{ path: '/' });. domain: 'example.com' 

默认值:创建 cookie地网页所拥有地域名. 

3).secure: true 

默认值:false.如果为true,cookie地传输需要使用安全协议(https). 

4).raw: true 

默认值:false. 

默认情况下,读取和写入 cookie 地时候自动进行编码和解码(使用encodeuricomponent 编码, 

decodeuricomponent 解码).要关闭这个功能设置 raw: true 即可.


转载自:http://jishu.admin5.com/biancheng/131206/336.html

           便于自己后查

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值