javascript - 保留页面状态

Question

我的页面有几个部分，其中一些可以在一些 js 事件上更改，例如滑块、分页、过滤器。我需要存储这些数据，以便当用户使用浏览器历史记录（后退和前进按钮）向后和向前导航时，状态会被保留。换句话说，当用户点击离开时，用户应该会看到与离开页面相同的状态。

由于有几个部分由 js 事件驱动，我不想使用 html5 历史功能，因为 url 会变得太乱，并且在与他人共享页面时不会添加任何有效信息。

因此，简单来说，我想在不更改 url 的情况下恢复或保持页面状态。有没有明确的方法来实现这一点？

谢谢。

Answer 1

您可以使用localStorage来存储下次可以读取的属性。

写 ：

localStorage['key'] = 'value';

读 ：

var val = localStorage['key'];

使用默认值读取（例如，对于第一个连接）：

var val = localStorage['key'] || 'default value';

Answer 2

您可以将这些值保存在本地存储/会话存储中。您还可以 AJAX 将数据发布到服务器，并在前进/后退时重建此数据。