保留页面状态

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将数据发布到服务器，并在前进/后退时重建此数据。