如何根据 cookie 的存在完成 JS 操作？

Question

我正在处理一个表单，当您专注于输入字段时，我有一个弹出窗口提醒他们在完成后进行保存。我只希望用户每 60 天看到一次弹出窗口。在焦点上，我设置了一个 cookie，告诉我他们已经看到了警报。然而，因为我只希望它每 60 天出现一次，所以我想确保下次他们点击时不会再次发生。我如何执行类似 "if this cookie exists, then do this?" 下面是我正在使用的代码示例：

$("input").focus(function(){
//My alert goes here (i'm good on this part")
Cookies.set('saveChanges', 'wasAlerted', { expires: 60, path: '/' });
//if SOMETHING, do SOMETHING ("need help here")
});

仅供参考，我的 cookie 名称是 'saveChanges'，值是 'wasAlerted'。

https://github.com/js-cookie/js-cookie

Answer 1

鉴于cookie的值是多余的，您可以检查是否有匹配saveChanges的cookie。

$("input").focus(function(){
    if (Cookies.get('saveChanges') == null) {
        //Alert
        Cookies.set('saveChanges', 'wasAlerted', { expires: 60, path: '/' });
    }
}

旁注，为了组织方便，我建议使用 jQuery Cookie Plugin。 API 没有太大区别，但它会使您的代码更加一致。

如何根据 cookie 的存在完成 JS 操作？

How can I complete a JS action based on the presence of a cookie?

javascript

jquery

cookies

js-cookie