jquery操作cookie的例子__cookie_options_expires_jquery_COOKIE_

当前位置: 编程技术>jquery

jquery操作cookie的例子

来源: 互联网发布时间：2014-09-03

本文导语: jquery操作cookie的例子，有需要的朋友可以参考下。猜您喜欢： jquery操作cookie实例代码 jquery cookies操作实例 jquery cookie的操作实例 jquery操作cookie的小例子 jquery代码-如何管理cookie 代码如下: jQuery.cookie = function(name, value, options) ...

jquery操作cookie的例子，有需要的朋友可以参考下。

猜您喜欢：

jquery操作cookie实例代码
jquery cookies操作实例
jquery cookie的操作实例
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赋上去，否则删除不掉。