javascript - 为什么下面的 jquery 告诉我我的 cookie 仍然存在？

Question

我有一个登录表单，它使用 cookie 来记住用户名输入和复选框选择的状态。我已经实现了一个按钮来重置表单，如下所示:

<form id="login" action="~/Login?ReturnUrl=%2F" method="POST" class="form-horizontal">
    ...
    <input id="formReset" type="reset" value="Reset" class="btn btn-default"/>
</form>

我已经实现了带有警报的jquery，只是为了告诉我发生了什么。我不明白的是，它总是告诉我 cookie 存在，即使当我在 Chrome 开发者控制台中检查“资源”->“Cookie”时它没有显示。我知道，如果我在“记住我”复选框设置为 true 的情况下登录，则 cookie 已被设置；如果我在该复选框设置为 false 的情况下再次登录，则 cookie 将被取消设置。

我在这里做错了什么？

<script type="text/javascript">
    $('#formReset').click(function() {
        if ($.cookie('loginCookie') === null || $.cookie('loginCookie') === "") {
            alert("Cookie does not exist");
        } else {
            // $.removeCookie('loginCookie');
            alert("Cookie does exist");
        }
        $(this).closest('form')("input[type=text], textarea").val("");
    });
</script>

Answer 1

您正在使用严格等于运算符，对于不存在的 cookie 项 $.cookie 返回 undefined，因此条件失败，请尝试使用否定运算符:

if (!$.cookie('loginCookie'))