javascript - 如何返回 html 页面而不重新加载它

标签 javascript jquery html

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

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

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

最佳答案

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

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

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

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

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

关于javascript - 如何返回 html 页面而不重新加载它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48291066/

相关文章:

java - 如何从 HTML 页面创建 Android 对话框?

javascript - react : unique "key" prop

javascript - JS中如何对&lt;input&gt;和<select>之间的数据求和?

javascript - Chrome 不会触发内容可编辑 iframe 中文档的焦点和模糊事件

html - 如何CSS一个两列的元素列表?

javascript - 如何通过 Javascript 在 Popover Content (Bootstrap) 中添加 Html 标签(如 <button>)

javascript - Google Maps API a.lat 不是函数错误

javascript - 如何从 Gradle 运行 JS Karma 测试

javascript - 启动时禁用 ionic 滑动

javascript - 如何使用 jQuery 设置 HTML 表格 <td> 内的选择控件的 id 和名称?