Javascript - 在cookie上做些什么添加

Question

我已经搜索了答案，但似乎找不到答案。 我的计划是在添加cookie后显示警报。

我在setTimeout 5秒后设置了cookie。

脚本

setTimeout(
    function(){ 
     document.cookie = "username=Billy Joe"; 
    }, 5000); 

我的做法是我使用此代码检查cookie存在与否。

if(!getCookie("username")){ 
    alert("Cookie doesn't exists"); 
}else{ 
    alert("Cookie exists"); 
} 

但看起来就像是只检查第一负载，在添加cookie之后没有。
我的问题是如何在cookie添加后显示警报？
谢谢你这么多

Answer 1

不幸的是，在这种情况下，我发现一个错误的API，因为这个API是Mozilla网络扩展。注意它。唯一的工作方法是使用setInterval函数（参见https://www.experts-exchange.com/questions/22641766/Javascript-Call-function-as-soon-as-cookie-value-changes-Set-listener-for-changed-cookie-value.html）。不过，我更喜欢这样做，因为它没有任何意义不设置函数中的cookie）：

var handledCookie = false;  // Was the cookie already handled? 
var cookieCheckId = undefined; // The id of the checker 

var handleCookie = function() { 
    if (!getCookie("username")){ 
    alert("Cookie doesn't exists"); 
    } else { 
    clearInterval(cookieCheckId); // Unset the check 
    handledCookie = true;   // Set the cookie handled 
    alert("Cookie exists"); 
    } 
}; 

handleCookie(); 

if (!handledCookie) { 
    cookieCheckId = setInterval(handleCookie, 5000); // Handle the cookies 
} 

所以，如果cookie是内部或外部的代码创建的，该handleCookie函数将被调用一次。检查完成5秒钟。如果找到该cookie，则该检查将被禁用（clearInterval）。

错!!!回答之前：

您可以处理事件。如果cookie发生变化，则会触发事件（参见https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/cookies/onChanged）。

例如，你可以使用这样的事情：

browser.cookies.onChanged.addListener(function(changeInfo) { 
    if(!getCookie("username")){ 
    alert("Cookie doesn't exists"); 
    } else { 
    alert("Cookie exists"); 
    } 
}); 

你也可以采取在changeInfo一看，并使用该信息来识别你的cookie：

browser.cookies.onChanged.addListener(function(changeInfo) { 
    let cookie = JSON.stringify(changeInfo.cookie); 
    if (cookie.name === 'username') { 
    alert("Cookie exists"); 
    } 
}); 

但是，那么你没有检查你的cookie是否不存在。

Answer 2

My question is how to show the alert after cookie has been added?

非常容易，只要做你检查你所添加的饼干后！

function checkCookie() { 
    alert(getCookie("username") ? "Cookie exists!" : "Cookie doesn't exist!"); 
} 

setTimeout(function() { 
    document.cookie = "username=Billy Joe"; 
    checkCookie(); 
}, 5000); 

Answer 3

基本上setTimeout总是异步运行，所以基本上你的if块在设置cookie值之前运行。添加cookie后应该使用函数。例如你的超时功能运行/设置5秒钟后的cookie值，但你的修改立即读取setTimeout代码

这里是例子是应该为你工作。

function checkCookie(){ 
    if(!getCookie("username")){ 
     alert("Cookie doesn't exists"); 
    }else{ 
     alert("Cookie exists"); 
    } 
} 

// check before add 
checkCookie() 

setTimeout(function(){ 
    document.cookie = "username=Billy Joe"; 
    // check after add 
    checkCookie(); 
}, 5000);