javascript - 数据克隆错误: The object could not be cloned

Question

我有基于ajax搜索的网络(使用输入和结果进行过滤)，我想在其中使用后退/前进浏览器按钮。因此，我必须使用 window.history.pushState 女巫正在处理内容(搜索结果)，但我必须使用输入和选定值“存储”整个过滤器。

在过滤器输入上我使用 SumoSelect插件，如果您将所有 html 元素存储到变量中，然后将其附加回 DOM(按后退按钮后)，SumoSelect 的功能将不再起作用...

Here这是我的问题。一种可能的解决方案(据我所知)如何使其在附加后工作是使用 .contents() 而不是 .html()。

但是如果我在 pushState 中使用 .contents() ，如下所示:

 window.history.pushState({"html":results,"filter": $('#filter').contents(),"pageTitle":"title"},"", null);

我收到错误:

DataCloneError: The object could not be cloned.

那么是否有任何选项如何存储过滤器以使其工作？

Answer 1

pushState location state object must be serializable ，这意味着没有方法。 $('#filter').contents() 返回一个无法序列化的 jQuery 对象。

尝试将内容转换为对象或数组。