如何使用jQuery设置/取消设置Cookie?

JavaScript

阿飞小卤蛋

2020-03-09

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

第304篇《如何使用jQuery设置/取消设置Cookie?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
达蒙Gil 2020.03.09

您可以在此处使用Mozilla网站上的库

您将可以设置和获取这样的Cookie

docCookies.setItem(name, value);
docCookies.getItem(name);
Eva理查德 2020.03.09

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

https://plugins.jquery.com/cookie/

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

访问设置的cookie做 $.cookie("test");

GilA 2020.03.09

这是我使用的全局模块-

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

};
null 2020.03.09

确保不要执行以下操作:

var a = $.cookie("cart").split(",");

然后,如果cookie不存在,调试器将返回一些无用的消息,例如“ .cookie不是函数”。

始终先声明,然后在检查null后再进行拆分。像这样:

var a = $.cookie("cart");
if (a != null) {
    var aa = a.split(",");

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android