Javascript 用Cookie日志记录[.load]替换3次单击后的元素

我编写了简单的jquery代码，以在单击3次后用URL代码替换特定元素。超过3次单击后，它将用URL代码替换元素。使用.load（“”）。但是，在刷新页面之后，元素将返回其默认状态，即未替换。我怎么能让webserver记住这些变化呢。无论是在数据库中还是在Cookie、会话存储、本地存储中

var count = 0;

$(document).ready( function () {
    $("#id-2").on("click", function(){
    count++;
    if(count == 3)
        $("#id-2").load("yoinkexecutor2.html");
    });
});

---

我只希望元素在单击3次后保持替换为URL代码，并在刷新页面后不进行更改。

您可以使用localStorage或Cookie

var count = parseInt(localStorage.getItem("count"), 10) || 0;
function loadMyPage() {
    if (count >= 3)
        $("#id-2").load("yoinkexecutor2.html");
    }
}

$(document).ready( function () {
    loadMyPage();
    $("#id-2").on("click", function() {
        localStorage.setItem("count", count += 1);
        loadMyPage();
    });
});

请记住，localStorage（和Cookie）仅将值存储为字符串，因此使用parseInt。

---

此外，它还会在后续单击后继续加载.html页面，您可能希望删除单击处理程序，或删除#id-2元素。

感谢您的帮助，我发现有趣的值存储在字符串中，并认为您也使用了stringify，请欣赏。如果您存储的是对象或数组，然后是的，您需要首先字符串化该值。