写入cookie后触发jquery而不重新加载页面？

Question

如何在不首先重新加载页面的情况下编写js cookie后触发警报或在html文件中解析它？

我已经尝试了$(window).bind("load", function ()但是没有成功，如果没有重新加载页面，警报仍然没有触发，但是写了cookie

我的JS

$(".addCookie").on("click", function() {
   Cookies.set("cookie", "added"); //adds cookie
})

$('.cookie').html(Cookies.get("cookie")); //writes the cookie in the html file

Codepen

Answer 1

这看起来像是一个不理解异步编程的简单案例。

这会添加一个cookie，但现在不行。 cookie代码只会是 单击页面上的.addCookie元素时进行评估：

$(".addCookie").on("click", function() {
   Cookies.set("cookie", "added"); //adds cookie
})

这会转储cookie，立即，而无需等待您点击：

$('.cookie').html(Cookies.get("cookie")); //writes the cookie in the html file

如果您将Cookie的内容写入另一个按钮的另一个onclick处理程序，则可以在单击第一个按钮以设置其值后单击该新按钮以转储cookie 。