如何不重新加载就返回HTML页面

Question

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

该报告显示在新的浏览器页面（或视情况而定的选项卡）中。 如果用户单击返回到初始报告选择页面，则会重新加载该页面，从而丢失用户选择的任何报告参数。

在这种情况下，是否有办法防止重新加载报告选择页面？

Answer 1

使用javascript，您可以使用localStorage在页面刷新之间保留参数。 这样，保存状态：

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

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

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

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