ajax - 动态加载内容然后前进和后退时 Internet Explorer 和 Firefox 的差异

Question

我正在开发一个 Web 应用程序，由于数据库访问速度缓慢，页面中的所有内容并不是立即加载，而是在用户选择性地进行选择后单击按钮时动态加载。

这工作正常。然而，在动态加载内容后，如果我导航到不同的网页，然后导航回来，在 Internet Explorer 中加载的内容将消失，即页面将恢复到最初检索的页面。然而，在 Firefox(以及 Opera)中，加载的内容仍然存在，即页面看起来就像我离开它之前一样。

就我而言，Firefox 行为是所需的行为，因为用户通常会导航到子页面并返回主页面。因此，我的问题是，有什么方法可以强制 Internet Explorer 表现出这种行为，或者是否有任何可能的解决方法来获得所需的结果？

Answer 1

这是我的 IE 解决方法。它利用了这样一个事实，即使 DOM 在导航离开和返回页面时被重置，输入字段值仍会被记住。

对于每个动态加载的元素，我还有一个隐藏的输入字段，用于“缓存”加载的值。然后我有一个函数 transferFromCache() 将每个隐藏输入字段的值复制到相应的元素。这个函数在页面初始化时运行——在 IE 的情况下，它是在页面加载和每次导航回页面时。

这种技术也可能用于存储 javascript 变量的值。