如何将javascript html dom文档存储到locastorage

Question

我有文件(组件树)'m',我试图存储在html5的本地存储中.我尝试将其设置为本地存储.但当我将其取回时,此m已更改为[object Document].如何将文档存储到本地存储并将其作为文档本身检索？

以下是我尝试过的代码

应用程序向服务器发送ajax请求以退出日历的事件,并在请求的onsuccess中收到xhtml的dom表示.当用户进入下周视图时,应用程序必须从本地存储中撤消该事件.要从js文件向客户端发送响应,dom表示也是必要的.因此我们需要将dom表示存储到localstorage.

我的要求是在第一张图片的控制台,您可以看到从文档m中检索到'k'并作为响应发送到客户端.所以,我想要的是将此k或m存储到本地存储,以便我可以操作它在同一个js文件中.这个代码位于一个单独的js文件中,该文件在xhtml文件中使用.

我正在使用primefaces 4.0,jsf 2.1.

当我使用

localStorage.setItem( "calendarevents",JSON.stringify(K));

我得到一个错误'将循环结构转换为json'.

Answer 1

您需要通过执行以下操作来存储文档的html的字符串表示:

localStorage.setItem('calendar', document.documentElement.innerHTML);

当你这样做:

localStorage.setItem('calendar', document.documentElement);

...它将结果存储document.documentElement.toString()在localStorage中,这对您的目的不起作用.