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是這樣寫的  

[jscript]
01.$.cookie("products", cookieContent, { expires: 1 });   
$.cookie("products", cookieContent, { expires: 1 });  刪除COOKIE是這樣寫的

[jscript] 
01.$.cookie("products", null); 
$.cookie("products", null);這樣做是不對的，添加是可以添加，刪除就是刪除不掉，後來改成這樣就可以了
儲存是這樣的

[jscript] 
01.$.cookie("products", cookieContent, { expires: 1, path: '/' }); 
$.cookie("products", cookieContent, { expires: 1, path: '/' });刪除是這樣的

[jscript]  
01.$.cookie("products", null, { path: '/' }); 
$.cookie("products", null, { path: '/' });區別就是要把path賦上去，不然，就是刪除不掉。