页面刷新后丢失点击信息

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

 "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"); }); });  

因为HTTP是无状态的 。 刷新页面时,它是一个新的HTTP Get请求进入服务器并获取结果。

如果要保留所做的更改,则需要将其保留在持久性介质中。 您可以考虑以下内容

1)数据库 :将更改存储在数据库中,并在进一步请求时再次加载

2)会话 :将更改存储在会话变量中,如果使用服务器端语言。 这个生命周期一直持续到用户会话结束。

3)Cookies :将它们存储在浏览器cookie中