jquery java cookie操作_如何使用jQuery设置/取消设置Cookie？

如何使用jQuery设置和取消设置cookie，例如创建一个名为test的cookie并将其值设置为1 ？

#1楼

2019年4月更新

Cookie的读取/操作不需要jQuery，因此请不要使用下面的原始答案。

基本示例：

// Set a cookie

Cookies.set('name', 'value');

// Read the cookie

Cookies.get('name') => // => 'value'

有关详细信息，请参见github上的文档。

参见插件：

然后，您可以执行以下操作：

$.cookie("test", 1);

删除：

$.removeCookie("test");

此外，要在Cookie上设置特定天数(此处为10天)的超时时间：

$.cookie("test", 1, { expires : 10 });

如果省略expires选项，则cookie成为会话cookie，并在浏览器退出时被删除。

涵盖所有选项：

$.cookie("test", 1, {

expires : 10, // Expires in 10 days

path : '/', // The value of the path attribute of the cookie

// (Default: path of page that created the cookie).

domain : 'jquery.com', // The value of the domain attribute of the cookie

// (Default: domain of page that created the cookie).

secure : true // If set to true the secure attribute of the cookie

// will be set and the cookie transmission will

// require a secure protocol (defaults to false).

});

读取cookie的值：

var cookieValue = $.cookie("test");

如果cookie是在与当前路径不同的路径上创建的，则您可能希望指定path参数：

var cookieValue = $.cookie("test", { path: '/foo' });

更新(2015年4月)：

如下面的评论所述，使用原始插件的团队已删除了新项目( https://github.com/js-cookie/js-cookie )中的jQuery依赖项，该项目具有与相同的功能和通用语法jQuery版本。 显然，原始插件没有任何用。

#2楼

您可以使用此处提供的插件。

然后写一个cookie做$.cookie("test", 1);

要访问设置的cookie，请执行$.cookie("test");

#3楼

无需特别使用jQuery来操作cookie。

function createCookie(name, value, days) {

var expires;

if (days) {

var date = new Date();

date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

expires = "; expires=" + date.toGMTString();

} else {

expires = "";

}

document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";

}

function readCookie(name) {

var nameEQ = encodeURIComponent(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 decodeURIComponent(c.substring(nameEQ.length, c.length));

}

return null;

}

function eraseCookie(name) {

createCookie(name, "", -1);

}

看一眼

#4楼

在浏览器中设置Cookie的简单示例：

jquery.cookie Test Suite

$(function() {

if ($.cookie('cookieStore')) {

var data=JSON.parse($.cookie("cookieStore"));

$('#name').text(data[0]);

$('#address').text(data[1]);

}

$('#submit').on('click', function(){

var storeData = new Array();

storeData[0] = $('#inputName').val();

storeData[1] = $('#inputAddress').val();

$.cookie("cookieStore", JSON.stringify(storeData));

var data=JSON.parse($.cookie("cookieStore"));

$('#name').text(data[0]);

$('#address').text(data[1]);

});

});

Name

Address

---

---

简单只需复制/粘贴并使用此代码来设置您的cookie。

#5楼

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');

}

您可以像这样设置Cookie

setCookie('test','1','1'); //(key,value,expiry in days)

你可以像这样获得饼干

getCookie('test');

最后，您可以像这样擦除cookie

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();

}

谢谢，vicky