DataCloneError: 无法克隆对象

Question

我有基于 ajax 搜索的网络（带有输入和结果的过滤器），我想让它工作后退/前进浏览器按钮。所以我必须使用window.history.pushState女巫正在处理内容（搜索结果），但我必须“存储”带有输入和选定值的整个过滤器。

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

这是我的问题。一种可能的解决方案（我所知道的）如何使其在 append 之后工作是使用.contents()而不是.html().

但是，如果使用.contents()的pushState是这样的：

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

我得到错误：

DataCloneError: 无法克隆对象。

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

Answer 1

所述pushState的位置状态的对象必须是可序列化的，这意味着没有方法。$('#filter').contents() 返回一个无法序列化的 jQuery 对象。

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