您的位置:首页 > Web前端 > JQuery

关于jQuery的cookies插件2.2.0版设置过期时间的说明

2015-02-02 13:59 603 查看
jQuery应该是各位用JavaScript做web开发的常用工具了,它有些插件能非常方便地操作cookie。

首先要说明的是cookie插件国内主要流行的有两个,一个是早在2006年的不知道是什么版本号的叫cookie的插件,另一个是cookies 2.2.0版,注意后者的名字比前者多一个s,国内主要用的是后者。前者早已停止维护(或者说代码很少不需要维护)而且其下载链接已经从官网撤除了,后者的下载链接则到处是。你下的十有八九是后者,官方下载在:http://code.google.com/p/cookies/downloads/list

Cookies插件使用方法:

1. 不用说,首先你得下载jQuery及Cookies插件。

2. 在网页的<body>前加上:

<script type="text/javascript" src="/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/jquery.cookies.2.2.0.min.js"></script>


src=后面的那一长串就是下载的jQuery和Cookies插件的文件名,如果你和我不一样就改改。

3. 如何添加/修改cookie并设定过期时间:

$.cookies.set('cookie_id', 'cookie_value', { hoursToLive: 100 });


上面是添加或修改一个cookie,并将其过期/失效时间设定在100小时之后,注意大括号是必须的。

过期失效时间还有另外一个设置方式,指定一个绝对时间:

expireDate = new Date();
expireDate.setTime( expireDate.getTime() + ( 100 * 60 * 60 * 1000 ) );

$.cookies.set('cookie_id', 'cookie_value', {expiresAt:expireDate});

//expireAt参数精确到毫秒。大括号里还可以添加path, domain, secure等参数,这里不做介绍。如果hoursToLive和expiresAt都指定了,则以expiresAt为准。


4. 如何获取cookie

$.cookies.get('cookie_id');


5. 如何删除cookie

$.cookies.del('cookie_id');


  6.对json的操作

var msg={username:"demo1",password:"demo2"};
$.cookies.set("cookie_d", msg);//保存数据

var d = $.cookies.get("cookie_d");//取数据
var u = $.cookies.get("cookie_d").username;
var p = $.cookies.get("cookie_d").password;


常用的就是这么多了。cookies有更高级的用法,比如能将数组一口气全写入cookie,但不在本文的介绍范围了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: