如何在不重新加载的情况下返回到html页面

时间:2018-01-16 22:47:11

标签: javascript jquery html

我的应用程序有一个页面,允许用户选择多个报告中的一个,提供一些报告参数,然后单击按钮生成报告。

报告显示在新的浏览器页面中(或视具体情况而定)。如果用户单击回初始报告选择页面,则会重新加载,从而丢失用户选择的任何报告参数。

有没有办法阻止报告选择页面在这些情况下重新加载?

1 个答案:

答案 0 :(得分:0)

使用javascript,您可以使用localStorage来保留页面刷新之间的参数。像这样,保存状态:

localStorage.setItem('myReportParameter1', 'myValue1');

然后在再次加载页面时检索该值:

var param1 = localStorage.getItem("myReportParameter1");

另一种选择是将参数推送到URL,在这种情况下,它可以被复制粘贴,但如果它的很多参数或复杂对象最好用localstorage。