初涉jquery.cookie.js


cookie(储存在用户本地终端上的数据)

Cookie,有时也用其复数形式 Cookies,指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据(通常经过加密)。

下载与引入jquery.cookie.js:

由于jquery.cookie.js是基于jquery的,所以先引入jquery,再引入jquery.cookie.js。

下载地址:

jquery:http://jquery.com/download/

jquery.cookie.js:http://plugins.jquery.com/cookie/

引入:

1 <script src="jquery-2.2.3.min.js"></script>
2 <script src="jquery.cookie.js"></script>

使用:

1、创建会话cookie:

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

  在这里没有指明cookie的有效时间,所以创建的cookie有效时间默认是关闭浏览器为止,所以被称为“会话cookie”,也就是session cookie。

2、创建指定有效期的cookie:

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

 在这里指明的cookie的有效时间是7天,expires可以是数字,也可以是日期对象(new Date("2017-12-31"))。这里被创建的cookie称为“持续cookie”,也就是persistent cookie。

3、创建cookie病设置cookie的有效路径:

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

 默认情况下,只有创建cookie的网页才能读取该cookie的值。如果想让一个网页读取另一个网页的cookie,则必须设置cookie的有效路径。path是设置能够读取cookie的顶级目录,将这个路径设置为网站的根目录,则可以让改网站下的所有的网页都可以读取cookie。注意:一般不要这样设置,防止出现冲突。

4、读取cookie:

$.cookie('name');

 如果存在名为‘name’的cookie,则返回对应的值,这里返回的是‘value’;如果不存在,则返回undefined;

5、读取所有的可用的cookie:

$.cookie();

 6、删除cookie:

$.cookie('name',null);

 如果删除成功,则返回true,如果删除失败,则返回false;

如果设置了path,domain,则在删除时要写相同的属性设置,否则会删除失败。如:

1 $.cookie('name', 'value', { path: '/' });
2 $.removeCookie('name'); // => false
3 $.removeCookie('name', { path: '/' }); // => true

 7、可选参数:

 $.cookie('the_cookie','the_value',{
    expires:7,            //(Number|Date)有效期;设置一个整数时,单位是天;也可以设置一个日期对象作为Cookie的过期日期; 
    path:'/',             //(String)创建该Cookie的页面路径;
    domain:'jquery.com',  //(String)创建该Cookie的页面域名;
    secure:true       //(Booblean)如果设为true,那么此Cookie的传输会要求一个安全协议,例如:HTTPS;
}); 

 8、配置:

$.cookie.raw = true;

 在默认情况下,cookie值在写/读时会采用编码/解码,使用encodeURIComponent / decodeuricomponent。通过 raw 设置为true绕过此操作。

$.cookie.json = true;

打开作为cookie值传递的JSON对象的自动存储。假设json.stringify和JSON.parse。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM