保留页面状态

Question

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

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

所以简单来说，我想在不更改网址的情况下恢复或保留网页状态。 有没有明确的方法来实现这个？

感谢。

Answer 1

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

写：

localStorage['key'] = 'value';

阅读：

var val = localStorage['key'];

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

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

Answer 2

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