jquery操作cookie的例子

发布时间:2020-01-15编辑:脚本学堂
jquery操作cookie的例子,有需要的朋友可以参考下。
jquery操作cookie的例子,有需要的朋友可以参考下。
复制代码 代码如下:
jQuery.cookie = function(name, value, options) {
          if (typeof value != 'undefined') {
                    options = options || {};
                    if (value === null) {
                              value = '';
                              options = $.extend({}, options);
                              options.expires = -1;
                    }
                    var expires = '';
                    if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
                              var date;
                              if (typeof options.expires == 'number') {
                                        date = new Date();
                                        date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
                              } else {
                                        date = options.expires;
                              }
                              expires = '; expires=' + date.toUTCString();
                    }
                    var path = options.path ? '; path=' + (options.path) : '';
                    var domain = options.domain ? '; domain=' + (options.domain) : '';
                    var secure = options.secure ? '; secure' : '';
                    document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
          } else {
                    var cookieValue = null;
                    if (document.cookie && document.cookie != '') {
                              var cookies = document.cookie.split(';');
                              for (var i = 0; i < cookies.length; i++) {
                                        var cookie = jQuery.trim(cookies[i]);
                                        if (cookie.substring(0, name.length + 1) == (name + '=')) {
                                                  cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                                                  break;
                                        }
                              }
                    }
                    return cookieValue;
          }
};

调用方法!
 

复制代码 代码如下:
$(document).ready(function() {
$('#wCookies').click(function(){
     $.cookie('name', 'test',{expires: 7});                        
});
$('#rCookies').click(function(){
     var test = $.cookie('name');
     alert (test);
});
$('#dCookies').click(function(){
     $.cookie('name', null);                                       
});
});

附:删除cookie的一点心得

在做购物车时,用到了COOKIE保存数据,于是是我找了JQUERY的COOKIE操作类,加入我的项目中去。操作还是挺简单的,根据脚本文件上方的介绍就可以用了,虽然是英文,简单一些的还是可以看明白的。

很快我就在FIREFOX下面做好了功能。可是我在IE浏览器中,遇到了一个大麻烦,用了我一个下午都没有搞定。什么麻烦呢?COOKIE我是加进去了,也分析出来,显示出来了。可是当我要删除时,就是删除不掉,用法是根据作者的提示做的,应当是对的,可是就是不能删除。看了一遍又一遍,还是不对,找了网上的资料,也做不对,这时,我就怀疑是不是源码错了,搜索了网上,没有一个人认为这个源码是错的,肯定是自己做错了嘛。可是又找不到原因,咋办呢,只好又找了另外一份操作COOKIE的包下来,还是不对。我只好在调试环境下,一遍一遍的测试,找到删除COOKIE的正确方法。终于让我找到原因了,原来是PATH,我没有注意到,所以删除不掉,保存COOKIE: 
 

复制代码 代码如下:
$.cookie("products", cookieContent, { expires: 1 });   

删除COOKIE:
 

复制代码 代码如下:
$.cookie("products", null); 

这样做是不对的,添加是可以添加,删除就是删除不掉,后来改成这样就可以了
保存:
 

复制代码 代码如下:
$.cookie("products", cookieContent, { expires: 1, path: '/' }); 

删除:
 

复制代码 代码如下:
$.cookie("products", null, { path: '/' }); 

区别就是要把path赋上去,否则删除不掉。