javascript - AJAX 和 Javascript 缓存效率问题

Question

我正在构建一个单页查看的简单博客(别担心，它是逐步构建的)，因此我发送 AJAX 请求，返回要插入到页面中的 HTML。

存储/缓存稍后添加到 DOM 中的信息 (HTML) 的最有效方法是什么？

考虑到整篇文章包含 HTML，我敢使用 JavaScript 保存客户端多少信息(用户可能返回的旧条目)？如果我以某种方式确保客户端浏览器缓存 AJAX 应用程序的状态(例如 getHTML.php?article=4)，以便它返回 HTML 而无需真正发送 AJAX 请求(在它已经被请求过一次)？

提前致谢

威廉

Answer 1

让浏览器缓存这些请求不是更好吗？

 getHTML.php?article=4

为此类请求重新发明轮子是愚蠢的。

我认为您唯一应该缓存的是您知道用户将切换查看的数据。以 Digg 为例——他们缓存每次提交的评论以 Javascript 中对象的格式。当用户想要查看此评论时，一个函数只需将其以正确的格式插入到文档中。但是，并非所有评论都被缓存。只有最有可能被查看的 HitTest 门的。

任何可以“切换”以显示/隐藏的信息，都可以缓存，甚至预加载。您还可以使用上面指出的 visibility: hidden 和 display:none 技术。这样，您只需将它们转换为 DOM，并在需要时简单地显示和隐藏该元素。