如何设置/取消cookie的jQuery？
如何使用jQuery设置和取消设置cookie，例如创build一个名为test的cookie，并将值设置为1 ？
看插件：
https://github.com/carhartl/jquery-cookie
你可以这样做：
$.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不同的path上创build的，则可能希望指定path参数：
var cookieValue = $.cookie("test", { path: '/foo' });
更新（2015年4月）：
正如在下面的评论中指出的那样，在原始插件上工作的团队已经在一个新的项目（ https://github.com/js-cookie/js-cookie ）中删除了jquery依赖项，这个项目的function和一般语法与jquery版本。 显然，原来的插件不会去任何地方。
不需要特别使用jQuery来操作cookie。
从QuirksMode （包括转义字符）
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); }
看一眼
- 如何删除现有的类名，并添加一个新的jQuery和cookies
<script type="text/javascript"> function setCookie(key, value) { var expires = new Date(); expires.setTime(expires.getTime() + (1 * 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; } </script>
你可以像设置cookie一样
setCookie('test','1');
你可以得到这样的cookies
getCookie('test');
希望这将有助于某人:)
编辑：
如果你想单独保存cookie的path，那么就这样做
function setCookie(key, value) { var expires = new Date(); expires.setTime(expires.getTime() + (1 * 24 * 60 * 60 * 1000)); document.cookie = key + '=' + value +';path=/'+ ';expires=' + expires.toUTCString(); }
谢谢，小薇
你可以在这里使用一个插件
https://plugins.jquery.com/cookie/
然后写一个cookie do $.cookie("test", 1);
访问设置的cookie do $.cookie("test");
确保不要做这样的事情：
var a = $.cookie("cart").split(",");
然后，如果cookie不存在，debugging器将返回一些无用的消息，如“.cookie not a function”
总是首先声明，然后在检查null之后进行分割。 喜欢这个。
var a = $.cookie("cart"); if (a != null) { var aa = a.split(",");
在浏览器中设置Cookie的简单示例：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery.cookie Test Suite</title> <script src="jquery-1.9.0.min.js"></script> <script src="jquery.cookie.js"></script> <script src="JSON-js-master/json.js"></script> <script src="JSON-js-master/json_parse.js"></script> <script> $(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]); }); }); </script> </head> <body> <label for="inputName">Name</label> <br /> <input type="text" id="inputName"> <br /> <br /> <label for="inputAddress">Address</label> <br /> <input type="text" id="inputAddress"> <br /> <br /> <input type="submit" id="submit" value="Submit" /> <hr> <p id="name"></p> <br /> <p id="address"></p> <br /> <hr> </body> </html>
简单的复制/粘贴，并使用此代码来设置您的cookie。
您可以在Mozilla网站上使用这个库
你可以设置和获取这样的cookies
docCookies.setItem(name, value); docCookies.getItem(name);
这是我使用的全局模块 –
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); } };
我觉得新鲜给了我们很好的方式，但是有一个错误
<script type="text/javascript"> function setCookie(key, value) { var expires = new Date(); expires.setTime(expires.getTime() + (value * 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; } </script>
您应该在getTime（）附近添加“value”，否则cookie将立即过期:)
