如何使用 jQuery Cookie 插件设置/读取 cookie 的值答案

【问题标题】：How to set/read the value of a cookie using jQuery Cookie plugin如何使用 jQuery Cookie 插件设置/读取 cookie 的值
【发布时间】：2023-03-17 19:50:02
【问题描述】：

我正在尝试使用 jQuery Cookie 插件设置 cookie 的值，但由于代码一直通过“Cookie 未设置”警报，因此无法正常工作。我正在使用最新的 jQuery Cookie 版本以及 jQuery 2.1.1。我就是这样做的：

// HTML
<button id="btnSetCookie">Set</button>
<button id="btnUnSetCookie">Unset</button>
<button id="btnShow">Show cookie status/val</button>

// jQuery
$(document).ready(function() {
    $("#btnSetCookie").on('click', function(){
        $.cookie('cookieVal', true);
    });

    $("#btnUnSetCookie").on('click', function(){
        $.cookie('cookieVal', false);
    });

    $("#btnShow").on('click', function(){
        var cook = $.cookie('cookieVal');

        if (cook === true)
            alert("Cookie TRUE");
        else if (cook === false)
            alert("Cookie FALSE");
        else
            alert("Cookie not set");
    });
});

我也尝试将cook 与== 进行比较，但由于我得到相同的结果而无法正常工作，是我做错了什么吗？我用相同的代码制作了this Fiddle，只是为了玩它。任何人都可以提供一些帮助或告诉那里可能出了什么问题吗？

作为一个额外的问题/疑问，如果我在点击事件上设置 cookie，然后在表单尚未发送到任何地方的向导上的步骤之间移动，它将被设置直到我离开此页面或直到用户清理它的 cookie，对吧？

【问题讨论】：

标签： javascript jquery cookies

【解决方案1】：

您不能使用布尔值。改用字符串：

$(document).ready(function() {
$("#btnSetCookie").on('click', function(){
    $.cookie('cookieVal', "true");
});

$("#btnUnSetCookie").on('click', function(){
    $.cookie('cookieVal', "false");
});

$("#btnShow").on('click', function(){
    var cook = $.cookie('cookieVal');

    if (cook === "true")
        alert("Cookie TRUE");
    else if (cook === "false")
        alert("Cookie FALSE");
    else
        alert("Cookie not set");
});

});

【讨论】：