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赋上去,否则删除不掉。