页面刷新后丢失点击信息

Question

我为我的NavBar想出了以下几点。好吧，在使用F5刷新当前页面后，我丢失了我的点击信息，根据我的NavBar，一切都会回到默认状态，就像你从未点击过一个链接:/

    <script>
    "use-strict";   
     $(document).ready(function()
    {
    /*
    $(".default").show();
    */

    $("#navSalon>ul>li a").click(function()
    {
        $("#navSalon>ul>li a").next().hide();
        $(this).next().show();
    });

    $("#navSalon>ul>li a").click(function()
    {
        $("#navSalon>ul>li a").children().attr("src", "dot1.png");
        $(this).children().attr("src", "dot0.png");
    });
});   
</script>

Answer 1

因为是无状态的。当您刷新页面时，它是一个新的HTTP Get请求，它将发送到服务器并获取结果。

如果您想保留所做的更改，则需要将其保存在一个持久的介质中。你可以考虑以下几点

1)数据库：将您的更改存储在数据库中，并在后续请求时再次加载

2)会话：如果您使用服务器端语言，则将更改存储在会话变量中。它的生命周期是直到用户会话结束。

3) Cookies：将其存储在浏览器cookies中