javascript - 单击上一个按钮浏览器后存储和检索数据的最佳方式是什么

Question

我想知道仅在单击浏览器后退按钮后存储和检索数据的最佳方式是什么？

就我而言，您有一个项目列表(我网站上的每个类别都不同)，该列表使用 ng-repeat 指令附加在 angularJS 中，您可以通过单击复选框输入来过滤这些项目。显然，每个复选框都有一个与过滤器相对应的特定值。

当用户单击某个项目时，它会将您重定向到一篇文章(例如博客文章)。可能用户不喜欢这篇博文，因此他单击浏览器的后退按钮返回到项目列表。

但目前，我不存储之前检查过的复选框标签和过滤的项目。我尝试在 JS 中使用 localStorage 和 sessionStorage，但使用此方法数据太持久。如果 REFERER 与特定的 url 模式匹配，我可以采取一些技巧，例如检索数据，但这似乎太棘手了..

你们有更好的主意吗？

提前致谢。

Answer 1

您可以使用状态对象来实现此目的。这个可以通过history.state访问，并且当用户导航到某个地方时会改变。当使用后退按钮等时它也会被恢复。它可以被看作是一个直接链接到url的存储对象。