寻找在 html 页面之间传递数据的替代方法答案

【问题标题】：Looking for alternative to pass data between html pages寻找在 html 页面之间传递数据的替代方法
【发布时间】：2016-11-23 00:34:45
【问题描述】：

所以我正在使用 appcache 创建一个离线网络应用程序。我需要在客户端和服务器之间传递一个变量。 POST 不是一个选项，因为服务器可能处于脱机状态，并且 appcache 不会通过 POST 请求（显式或回退）从缓存中提取 GET 不是一个选项，因为它不能被 appcache 缓存，因为每个请求的 URL 都不同 (?id=n)。

补充：我正在寻找一种方法来调整已经创建的 HTML 表单（使用 POST 或 GET）以供离线使用，以便存储实际请求。由于我找不到绕过 appcache 限制的方法，我最终重写了代码以使用 Indexeddb 进行存储和 service worker 获取拦截和后台同步方法……更流畅……这么长的 appcache。

【问题讨论】：

请先尝试一下，然后发布您的问题，

标签： javascript html5-appcache

【解决方案1】：

根据https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache

已弃用此功能已从 Web 标准中删除。尽管某些浏览器可能仍然支持它，但它正在被删除。尽可能避免使用它并更新现有代码；请参阅本页底部的兼容性表以指导您的决定。请注意，此功能可能随时停止工作。

【讨论】：

【解决方案2】：

尝试使用 sessionStorage。

当你想在页面上保存数据时，你可以使用语法

sessionStorage.setItem('name',value);

这样可以离线保存数据

然后可以在任何网页上使用

sessionStorage.getItem('name');

这当然只会保存数据，直到选项卡关闭/会话结束.. 更永久的方法是

localStorage

...它们都使用相同的格式，但后者即使在浏览器关闭后也会存储数据。

【讨论】：