JQuery插件之Cookie
JQuery插件之Cookie
Winnie007 发表于2年前
JQuery插件之Cookie
  • 发表于 2年前
  • 阅读 23
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

摘要: 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);        //输反序列化出来的对象的姓名值
            }
        })

 

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 5
博文 36
码字总数 62847
×
Winnie007
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: