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

时间:2014-01-05 07:31:08

标签: javascript php html ajax json

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

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

现在我能做什么:

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

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

BTW有谁知道为什么所有的Facebook弹出窗口都如此流畅?它们似乎是异步创建的,但它们非常快 - 就像它们已经嵌入一样。

2 个答案:

答案 0 :(得分:3)

先发制人的缓存。

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

使用以下组合:

加载Main /最有可能是第一次使用的弹出窗口数据并将其存储在var。

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

你可以**开始加载HOVER上的按钮等数据(以及点击) - 毫秒制作你知道的奖品!

最后 - 只需ajax数据并保持小 - 你可以越多地删除ajax调用和预加载(图片精灵在页面加载等等),你的网站响应速度就越快。

但不知道:

  • 数据更新的频率
  • 您发送的是哪种数据(是所有图表,所有文字等)。
  • 你有多少弹出窗口
  • 新弹出窗口的加载频率
  • 您的用户将使用哪些设备

我只能在黑暗中进行野蛮刺伤!

答案 1 :(得分:1)

我现在正在做同样的事情并找到一个很好的介绍博客http://blog.mariusschulz.com/2014/02/05/passing-net-server-side-data-to-javascript,希望它可以给你一些建议。