JQuery插件之Cookie

jQuery.Cookie.js插件是一个轻量的Cookie管理插件，下载地址（http://pan.baidu.com/s/1pJjDB6r）

使用方法：

1、引入Jquery和jQuery.Cookie.js

<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.cookie.js"></script>

2、函数

语法：$.cookie(名称，值，[option])

(1)、读取cookie值

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

实例：$.cookie("username")    读取保存在cookie中名为username的值

(2)、写入设置cookie值

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

实例：$.cookie("username","wang"); 将值"wang"写入cookie名为username的cookie中。

(3)、销毁cookie

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

(4)、[option]参数说明

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

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

domin:cookie域名属性，默认与创建页域名一样，这个地方要注意：跨域的概念，如果要主域名有效则要设置：“.xxx.com”

secure:boolean值 是否加密cookie，表示传输cookie值时，是否需要一个安全协议。

 

cookie本质上是一个txt文本，因此只能够存入字符串，对象通常要序列化之后才能存入cookie，而取的时候反序列化又能得到对象。

$(function () {
            if ($.cookie("o") == null) {
                var o = { name: "张三", age: 24 };
                var str = JSON.stringify(o);　　//对序列化成字符串然后存入cookie
                $.cookie("o", str, {
                    expires:7   //设置时间，如果此处留空，则浏览器关闭此cookie就失效。
                });
                alert("cookie为空");
            }
            else {
                var str1 = $.cookie("o");
                var o1 = JSON.parse(str1);　　//字符反序列化成对象
                alert(o1.name);　　　　　　　　//输反序列化出来的对象的姓名值
            }
        })

 

转载于:https://my.oschina.net/wangning0535/blog/534694