HTML5会话存储发送到服务器

Question

谢谢

Answer 1

Storage对象（localStorage和sessionStorage）可以从打开相同页面的所有选项卡中获得。

然而（一些注释声明这是不正确的，但这是对文档的曲解），当您打开一个新选项卡时，将在内部创建一个新的存储对象。这是第一个的克隆，所以在这一点上的内容是相同的。

它们与该点分开处理，但您可以通过监听代码中的storage事件来同步它们。

在http://dev.w3.org/html5/webstorage/#中，-sessionstorage-attribute：（请注意，规范针对的是实现者）

当通过克隆现有的浏览上下文创建新的顶级浏览上下文时，新的浏览上下文必须从与原始的会话存储区域相同的会话存储区域开始，但从那时起，这两个集合必须被认为是分开的，不以任何方式相互影响。[...]当对与会话存储区域[...]相关联的存储对象x调用setItem()、removeItem（）和clear（）方法时，对于窗口对象的sessionStorage属性的存储对象与相同存储区域（而不是x）相关联的每个文档对象，发送存储通知。

也就是说，当修改active选项卡中的存储时，storage事件将发送到所有其他选项卡（对于相同的来源）--但不发送active选项卡，因为active选项卡当然不需要，因为它是正在修改的选项卡。

使用事件读取key和newvalue字段，以更新当前非活动选项卡中的localsession（事件上还有oldvalue)。StorageArea包含受影响的存储对象（如果同时使用本地存储和会话存储，则非常有用）。

至于“一个域”--是的，相同的数据只能用于相同的源（方案、域和端口）。

将数据发送到服务器是完全可能的。存储在存储（会话和本地）中的所有内容都存储为字符串。不过，我建议对其进行编码（不需要JSON，因为它已经存储为字符串）。使用F.EX：

var dataForServer = encodeURIComponent(sessionStorage.getItem(myKey));