蓝戒的博客


jquery-Cookie插件jquery.cookie.js的用法

关于cookie

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。Cookie名称和值可以由服务器端开发自己定义,对于JSP而言也可以直接写入jsessionid,这样服务器可以知道该用户是否是合法用户以及是否需要重新登录等,服务器可以设置或读取Cookies中包含信息,借此维护用户跟服务器会话中的状态。

jquery.cookie.js的用法

1、引入jQuery与jQuery.Cookie.js插件。
<script src="http://libs.useso.com/js/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>

2、函数方法。

语法:$.cookie(名称,值,[option])

(1)读取cookie值

$.cookie(cookieName)         cookieName:要读取的cookie名称。

示例:$.cookie("username");      读取保存在cookie中名为的username的值。

(2)写入设置Cookie值:

$.cookie(cookieName,cookieValue);  cookieName:要设置的cookie名称,cookieValue表示相对应的值。

示例:$.cookie("username","admin");  将值"admin"写入cookie名为username的cookie中。

$.cookie("username",NULL);   销毁名称为username的cookie

(3) [option]参数说明:

expires:  有限日期,可以是一个整数或一个日期(单位:天)。  这个地方也要注意,如果不设置这个东西,浏览器关闭之后此cookie就失效了

path:    cookie值保存的路径,默认与创建页路径一致。

domin:   cookie域名属性,默认与创建页域名一样。  这个地方要相当注意,跨域的概念,如果要主域名二级域名有效则要设置  ".xxx.com"

secrue:   一个布尔值,表示传输cookie值时,是否需要一个安全协议。

使用方法:

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

jquery.cookie.js的下载地址:

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

Cookie的简要特性:

1.有过期时间,这个可以设置,如果不设置默认是关闭浏览器则清除
2.有大小限制,一般cookie的条数不会超过50条,但因浏览器的不同也会有差异,单个cookie的大小不能超过2M
3.cookie是以键值对的形式保存在物理硬盘上的,类似json格式。

使用和禁用Cookie

用户可以改变浏览器的设置,以使用或者禁用Cookies。

微软Internet Explorer
工具 > Internet选项 > 隐私页
调节滑块或者点击“高级”,进行设置.
Mozilla Firefox
工具>选项>隐私
(注: 在Linux版本中,是如下操作:编辑 > 首选项 > 隐私 , 而Mac则是:Firefox > 属性 > 隐私)
查看源网页设置Cookies选项
设定阻止/允许的各个域内Cookie
查看Cookies管理窗口,检查现存Cookie信息,选择删除或者阻止它们
苹果计算机 Safari
Safari > 预置 > 安全标签
选择以下的选项
总是 接受 Cookies
永不 接受 Cookies
接受 Cookies 仅从您浏览的站点 (例如,不接受来自其它站点的广告) 预设的选项.
您可以显示所有驻留在您浏览器中的 cookies,也可随时将它们之一删除。

参考资料:
1. cookie百科
2. http://blog.csdn.net/playboyanta123/article/details/12004023
3. http://www.cnblogs.com/kissdodog/archive/2012/12/14/2818827.html
4. http://www.cnblogs.com/afuge/archive/2013/07/03/3169048.html

本文固定链接: http://www.webzsky.com/?p=774 | 蓝戒的博客

cywcd
该日志由 cywcd 于2015年12月29日发表在 javascript, Jquery 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jquery-Cookie插件jquery.cookie.js的用法 | 蓝戒的博客
关键字:

jquery-Cookie插件jquery.cookie.js的用法:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter
来自的朋友,欢迎您 点击这里 订阅我的博客 o(∩_∩)o~~~
×