javascript - Ajax - 处理大量数据的最佳技术

Question

我想知道，检索和使用大量动态数据的最佳方法是什么。

例如:我有一个包含很多字段的大网站，可以动态创建弹出窗口。弹出窗口是使用 Javascript 模板引擎创建的，需要 JSON 编码数据。

现在我能做什么:

• 每次我请求弹出窗口时，客户端都会通过 AJAX 获取 JSON 数据
• 我可以通过 PHP 创建一个 Javascript 变量，它将所有可能的弹出窗口的数据存储在 HTML 代码中
• 或者我可以通过 AJAX 获取数据并将其缓存在 Javascript var

那么其中哪一个是最好的呢？它们有什么缺点？或者您将如何附加/加载这些弹出窗口的数据？

顺便说一句，有人知道为什么所有的 Facebook 弹出窗口都如此流畅吗？看起来它们是异步创建的，但它们速度非常快 - 就像它们已经嵌入一样。

Answer 1

抢占式缓存。

基本上你的“弹出窗口”(上帝知道为什么你有这么多 - 一定有更好的方法 :-D 呵呵)将有一个模式或逻辑顺序或其他什么。

结合使用:

加载主要/最有可能首先使用的弹出窗口数据并将其存储在变量中。

我强烈建议尝试使用 JSON 或类似的方法来执行此操作，并将 10-20 个弹出窗口的数据存储在一起 - 缺点是性能 - 必须解析 1 个弹出窗口的整个文件(但现代浏览器/PC - 不多)问题) - 加上 http 请求的数量 - 网站速度的 killer 。

您可以**在悬停(以及点击)时开始加载按钮等的数据 - 毫秒即可获得奖品，您知道!

最后 - 只需 ajax 传入数据并使其保持较小 - 您可以从 ajax 调用和预加载(页面加载时的图像 Sprite 等)中剥离得越多，您的网站响应速度就越快。

然而却不知道:

• 数据更新的频率
• 您要发送什么类型的数据(是所有图表、所有文本等)
• 您有多少个这样的弹出窗口
• 加载新弹出窗口的频率
• 您的用户将使用什么设备
• 等等

我只能在黑暗中狂刺!