我什么时候应该使用html5 sessionStorage?

时间:2011-12-14 00:59:54

标签: html html5 local-storage web-storage

我已经了解了sessionStorage(会话期间持续存在)和localStorage之间的区别(如果没有删除则会永久保留)。

我可以看到localStorage可以用作更好的cookie版本。 (更大的尺寸,不是像cookie那样为每个HTTP请求前往服务器)。

但对于sessionStorage,我正在考虑何时应该有效地使用它?

我考虑过将用户输入到pageA中的文本字段,然后在同一个标​​签页或浏览器窗口中移动到pageB,pageB可以查找sessionStorage。

我无法真正扩展我的猜测,而不是上面的情景。谁能告诉我如何使用sessionStorage?

1 个答案:

答案 0 :(得分:21)

使用ajax驱动的动态接口,很多时候没有任何东西存储接口外观的当前状态(例如,选择哪个选项卡)。 sessionStorage可用于存储界面的状态,因此当返回页面时,您可以按照用户查看的方式恢复屏幕。

另一种用法是,如果你在一个对象上工作了几页,你可以将id存储为全局变量:currentInvoiceId

每个页面上需要的用户设置(如特殊布局或模板)可以预先加载一次并放入sessionStorage以便于访问。

您只希望用户在每次登录时看到一些内容,例如新闻弹出窗口。您可以存储他们已经在sessionStorage中看到过的内容。这也适用于您只希望用户在每次登录时执行一次的操作。

使用viewstate,隐藏<input>字段或网址参数在页面之间传递数据是一个不错的选择。