Ajax - 處理大量數據的最佳技術

Question

我想知道，什麼是檢索和使用大量動態數據的最佳方法。

例如： 我有一個很大的網站，它動態地創建彈出窗口。彈出窗口是使用JavaScript模板引擎創建的，該引擎需要JSON編碼數據。

現在我能做些什麼：

• 每次我請求彈出，客戶端通過AJAX獲取JSON數據
• 我可以創建通過PHP，用於存儲數據的所有可能的一個JavaScript變種在HTML代碼
• 或者，我可以通過AJAX獲取數據，並對其進行緩存，在JavaScript變種

因此其中哪一個是最好的一個彈出窗口？ 他們有什麼缺點？ 或者您將如何爲這些彈出窗口添加/加載數據？

BTW是否有人知道爲什麼所有的臉譜彈出如此流暢？看起來它們是異步創建的，但它們非常快 - 就像它們已經嵌入一樣。

Answer 1

搶先緩存。基本上你的'彈出窗口'（天知道你爲什麼有這麼多 - 必須有更好的方式： - 嘿嘿）將有一個模式或邏輯順序或任何其他。

使用以下的組合：

載入主/最有可能被第一次使用彈出窗口數據並存儲在一個變種。

我強烈建議試着用JSON或類似方法來做到這一點，並將10-20個彈出窗口的數據存儲在一起 - 缺點就是性能 - 必須解析整個文件才能彈出一個彈出窗口（但現代瀏覽器/ PC - 不是很多問題） - 加上http請求的副本數量 - 網站速度的殺手鐗。

你可以**開始加載HOVER上的按鈕等數據（以及點擊） - 毫秒獎勵你知道的獎品！

最後 - 只是ajax的數據，並保持它的小 - 你可以脫離ajax調用和預加載（頁面加載等圖像精靈等）越快您的網站將作出迴應。

但是不知道：

• 多久的數據將更新
• 什麼樣的你發送的數據（這是所有圖形，所有文本等）
• 多少這些彈出的UPS你有
• 如何常新彈出窗口將被載入
• 什麼設備（S），你的用戶將使用
• 等

我只能在黑暗中發狂野刺！

Answer 2

我現在在做同樣的事情，並找到一個很好的介紹博客http://blog.mariusschulz.com/2014/02/05/passing-net-server-side-data-to-javascript，希望它能給你一些建議。