Javascript Ajax—处理大量数据的最佳技术

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

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

现在我能做的是：

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

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

顺便问一下，有人知道为什么所有的facebook弹出窗口都如此平滑吗？它们似乎是异步创建的，但速度太快了，就像它们已经嵌入一样。

先发制人的缓存

基本上，你的“弹出窗口”（上帝知道你为什么有这么多-一定有更好的方法：-D hehe）将有一个模式或逻辑顺序或任何东西

使用以下组合：

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

我强烈建议尝试使用JSON或类似的方法来实现这一点，并将10-20个弹出窗口的数据存储在一起-缺点是性能-必须为1个弹出窗口解析整个文件（但现代浏览器/PC-问题不大）-加上http请求的边数-网站速度的杀手

您可以**在悬停（以及单击）时开始加载按钮等的数据-毫秒让您知道

最后，只需将数据放在ajax中并使其保持较小—您可以从ajax调用中剥离和预加载（页面加载上的图像精灵等）的次数越多，您的站点响应速度就越快

然而，不知道：

• 数据更新的频率
• 您发送的是什么类型的数据（全部是图形、文本等）
• 你有多少个弹出窗口
• 加载新弹出窗口的频率
• 您的用户将使用哪些设备
• 等等

我只能在黑暗中乱刺

抢占式缓存

基本上，你的“弹出窗口”（上帝知道你为什么有这么多-一定有更好的方法：-D hehe）将有一个模式或逻辑顺序或任何东西

使用以下组合：

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

我强烈建议尝试使用JSON或类似的方法来实现这一点，并将10-20个弹出窗口的数据存储在一起-缺点是性能-必须为1个弹出窗口解析整个文件（但现代浏览器/PC-问题不大）-加上http请求的边数-网站速度的杀手

您可以**在悬停（以及单击）时开始加载按钮等的数据-毫秒让您知道

最后，只需将数据放在ajax中并使其保持较小—您可以从ajax调用中剥离和预加载（页面加载上的图像精灵等）的次数越多，您的站点响应速度就越快

然而，不知道：

• 数据更新的频率
• 您发送的是什么类型的数据（全部是图形、文本等）
• 你有多少个弹出窗口
• 加载新弹出窗口的频率
• 您的用户将使用哪些设备
• 等等

---

我只能在黑暗中乱刺

我现在也在做同样的事情，找到一个好的介绍博客，希望它能给你一些建议。

我现在也在做同样的事情，找到一个好的介绍博客，希望它能给你一些建议