jquery cookie 插件

jquery 可以『 kě yǐ』通过 jquery.cookie.js 插件来操作 cookie。

官方地址http://plugins.jquery.com/cookie/

github 地址https://github.com/carhartl/jquery-cookie

使用 jquery.cookie.js 之前需要先引入 jquery:

<script src="/path/to/jquery.min.js"></script><script src="/path/to/jquery.cookie.js"></script>

我们可以使用第三方资源库引入这两个文件:

<script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"></script><script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

使用方法

创建 cookie:

$.cookie('name', 'value');

如果未指定过期时间,则会在关闭浏览器或过期。

创建 cookie,并设置 7 天后过期:

$.cookie('name', 'value', { expires: 7 });

创建 cookie,并设置 cookie 的有效路径,路径为网站的根目录:

$.cookie('name', 'value', { expires: 7, path: '/' });

注:在默认情况下,只有设置 cookie 的网页才能读取该 cookie。如果想让一个页面读取另一个页面设 置的cookie,必须设置 cookie 的路径。cookie 的路径用于设置能够读取 cookie 的顶级目录。将这 个路径设置为网站的根目录,可以让所有『all』网页都能互相读取 cookie (一般不要这样设置,防止出现冲突『chōng tū』)。

读取 cookie:

$.cookie('name'); //=> "value"
$.cookie('nothing'); //=> undefined

读取所有『all』的 cookie 信息:

$.cookie(); //=> { "name": "value" }

删除 cookie:

// cookie 删除成功返回 true,否则返回 false$.removecookie('name'); //=> true$.removecookie明晚开什么特马('nothing'); //=> false// 写入使用了 path时,读取也需要使用相同的属性 (path, domain) $.cookie('name', 'value', { path: '/' });// 以下代码正常删除$.removecookie('name'); //=> false// 以下代码正常失败$.removecookie('name', { path: '/' }); //=> true

注意:删除 cookie 时,必须传递用于设置 cookie 的完全『wán quán』相同的路径,域及安全『ān quán』选项。

实例

$(document).ready(function(){$.cookie('name', 'runoob'); // 创建 cookiename=$.cookie('name'); // 读取 cookie$("#test").text(name);$.cookie('name2', 'runoob2', { expires: 7, path: '/' });name2=$.
虐狗实在令人指!据调查这名施虐的主人已经不是第一次犯案,在2013年10月比特犬布巴(Bubba)被救援时,陆续在他家中挖出3只狗狗遗体,检验后都发现有明显头骨及脸部骨折的现象,让人对他施暴的残忍行径难以置信
拍摄影片的游客卡顿(Michelle Cotton)15日将影片上传到YouTube,9天来已吸引31
公平会2017年以全球手机晶片大厂高通(Qualcomm)滥用独占为由,祭出史上最高天价罚锾234亿元,不过这项裁罚案却大翻盘,近期双方在法院和解,降低罚锾为27
Riesling在葡萄酒世界『shì jiè』中有举足轻重的地位,与夏多内Chardonnay以及白苏维侬Sauvignon Blanc)并列世界『shì jiè』三大白酒葡萄品种,拥有广大的甜度『 dù』围
不过以Riesling的陈年款来说,可能『would』就不那么讨喜,带有像是汽油 塑胶或是油漆等气味常让人感『gǎn』觉不适,但在德国当地这种香气是难能可贵的美好
却没想到这一勾,竟把网球更推进沙发里头,让斗牛犬愣住了,接下来无论趺磁?θ炊荚僖才霾坏酵?球,只好无助地看着主人,发出呜呜叫声,非常可爱『love』
而MINI-ME系列,灵感『gǎn』则来自于秋冬秀场的成人系列,本季如诗如画的艺术风格『manner』,印花图腾、手绘设计,到毛毯式斗篷,家饰织品设计也都同样体现在MINI-ME系列之中,母女父子若一起『with』穿,那可就真成了最IN的亲子装!
做为一个媒体人,或者到今天才清楚的意识到,她之前的嘴里吐了什么?她的笔下写了什么?放大两个字今天看来格外讽刺
cookie('name2');$("#test2").text(name2);});

尝试一下

执行完后,我们可以在浏览器中查看 cookie 信息,如下图所示:


参数说明

raw

默认值:false。

默认情况下,读取和写入 cookie 的时候『When』自动进行编码和解码(使用 encodeuricomponent 编码,decodeuricomponent 解码)。要关闭这个功能设置 raw:true 即可:

$.cookie.raw=true;

json

设置 cookie 的数据使用 json 存储与读取,这时就不需要使用 json.stringify 和 json.parse 了。

$.cookie.json=true;

expires

expires: 365

定义 cookie 的有效时间,值可以是一个数字(从创建 cookie 时算起,以天为单位)或一个 date 对象。如果省略,那么创建的 cookie 是会话 cookie,将在用户退出浏览器时被删除。

path

path: '/'

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

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

如果你想在整个网站中访问『fǎng wèn』这个 cookie 需要这样设置有效路径:path: '/'。如果你想删除一个定义了有效路径的 cookie,你需要在调用函数时包含这个路径:

$.cookie('the_cookie', null,{ path: '/' });

domain

domain: 'example.com'

默认值:创建 cookie 的网页所拥有的域名。

secure

secure: true

默认值:false。如果为 true,cookie 的传输需要使用安全『ān quán』协议(https)。