jquery设置cookie问题

Question

我使用此插件在我的页面上设置 cookie： https://github.com/carhartl/jquery- cookie

并在我的文档准备功能中添加了以下内容：

 $.cookie('checkCook', '2')

在我的文档准备功能之后，我正在做一些事情并将 cookie 设置为 null，

$(document).ready(function() {

    //setting the cokie

    if($.cookie('checkCook') == '2'){
        alert($.cookie('checkCook'));
         $.cookie('checkCook', null);
    }

})

但是直到我在每次刷新时收到警报为“2”浏览器。这有什么问题吗？

Answer 1

如果我理解正确的话，你的设置是这样的：

$(document).ready(function() {
    //setting the cokie
    if($.cookie('checkCook') == '2'){
        alert($.cookie('checkCook'));
        $.cookie('checkCook', null);
    }
});
$.cookie('checkCook', '2');

你所期望的是你对 $.cookie('checkCook', null); 的调用将删除 cookie，但在每次刷新时在该页面中，通过调用 $.cookie('checkCook', '2'); 将 cookie 重置为“2”。

由于 $.cookie('checkCook', '2'); 位于 doc.ready 函数之外，因此浏览器一点击它就会调用它（请记住，页面是自上而下加载的） ，并且 doc.ready 块会被延迟，直到 dom 被加载。这意味着 $.cookie('checkCook', '2'); 代码在 doc.ready 块之前执行。这就是为什么您总是收到指示值为“2”的警报的原因。每次页面刷新时以及调用警报之前，都会设置 cookie。

您可以做的是将 cookie 设置代码包装在一个函数中，并从 doc.ready 调用它。这将延迟 cookie 的设置，直到执行警报代码之后。

$(document).ready(function() {
    //setting the cokie
    if($.cookie('checkCook') == '2'){
        alert($.cookie('checkCook'));
        $.cookie('checkCook', null);
    }

    setCookie();
});

function setCookie()
{
    $.cookie('checkCook', '2');
}

Answer 2

通过将过期时间设置为过去来清除 Cookie。

$.cookie('checkCook', null, {expires: new Date(1)})