如何使用jQuery设置和取消设置cookie,例如创建一个名为test的cookie并将值设置为1?
当前回答
确保不要做这样的事情:
var a = $.cookie("cart").split(",");
然后,如果cookie不存在,调试器将返回一些无用的消息,如“。Cookie不是一个函数”。
总是先声明,然后在检查null后进行拆分。是这样的:
var a = $.cookie("cart");
if (a != null) {
var aa = a.split(",");
其他回答
我知道有很多很好的答案。通常,我只需要读取cookie,不希望通过加载额外的库或定义函数来增加开销。
下面是如何在一行javascript中读取cookie。我在Guilherme Rodrigues的博客文章中找到了答案:
('; '+document.cookie).split('; '+key+'=').pop().split(';').shift()
这读取cookie命名为key,漂亮,干净和简单。
确保不要做这样的事情:
var a = $.cookie("cart").split(",");
然后,如果cookie不存在,调试器将返回一些无用的消息,如“。Cookie不是一个函数”。
总是先声明,然后在检查null后进行拆分。是这样的:
var a = $.cookie("cart");
if (a != null) {
var aa = a.split(",");
<script type="text/javascript">
function setCookie(key, value, expiry) {
var expires = new Date();
expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
}
function getCookie(key) {
var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
return keyValue ? keyValue[2] : null;
}
function eraseCookie(key) {
var keyValue = getCookie(key);
setCookie(key, keyValue, '-1');
}
</script>
你可以把饼干设置成
setCookie('test','1','1'); //(key,value,expiry in days)
你可以拿饼干
getCookie('test');
最后你可以像这样擦掉这些饼干
eraseCookie('test');
希望能对别人有所帮助:)
编辑:
如果要将cookie设置为所有路径/页/目录,则将path属性设置为cookie
function setCookie(key, value, expiry) {
var expires = new Date();
expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
document.cookie = key + '=' + value + ';path=/' + ';expires=' + expires.toUTCString();
}
谢谢, 维姬
如何使用它?
//To set a cookie
$.cookie('the_cookie', 'the_value');
//Create expiring cookie, 7 days from then:
$.cookie('the_cookie', 'the_value', { expires: 7 });
//Create expiring cookie, valid across entire page:
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
//Read cookie
$.cookie('the_cookie'); // => 'the_value'
$.cookie('not_existing'); // => null
//Delete cookie by passing null as value:
$.cookie('the_cookie', null);
// Creating cookie with all availabl options
$.cookie('myCookie2', 'myValue2', { expires: 7, path: '/', domain: 'example.com',
secure: true, raw: true });
可用的选项:
expires:定义cookie的生存时间。Value可以是一个Number(将被解释为从创建时间到日期的天数)或一个Date对象。如果省略,则该cookie为会话cookie。
path:定义cookie有效的路径。默认情况下,cookie的路径是创建cookie的页面的路径(标准的浏览器行为)。如果你想让它在整个页面都可用,使用路径:'/'。
domain:创建cookie的页面域。
secure:默认值:false。如果为真,则cookie传输需要安全协议(https)。
raw:默认情况下,cookie在创建/读取时使用encodeURIComponent/ decodeURIComponent进行编码/解码。通过设置raw: true关闭。
这是我使用的全局模块
var Cookie = {
Create: function (name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
}
document.cookie = name + "=" + value + expires + "; path=/";
},
Read: function (name) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
},
Erase: function (name) {
Cookie.create(name, "", -1);
}
};