jquery的cookie用法 jquery.cookie.js

转载

mob6454cc6df18d 2023-10-17 19:26:17

文章标签 jquery的cookie用法 javascript json ViewUI jquery 文章分类 jQuery 前端开发

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');

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、配置：