每隔一秒用ajax刷新div並用現有div顯示新的div

我有1個網頁，我想要顯示加入到我的網站的用戶列表以及他們之間的連接。每隔一秒用ajax刷新div並用現有div顯示新的div

我有用戶和連接在它們之間：

var data=[ 
      { 
       "Id": 38, 
       "Connections":[39,40], 
       "Name":"ABc" 
      }, 
      { 
       "Id": 39, 
       "Connections":[40], 
       "Name":"pqr" 
      }, 
      { 
       "Id": 40, 
       "Connections":[], 
       "Name":"lmn" 
      }]

在上述示例中的用戶與Id:38連接到user 39 and 40和user 39 is connected to user 40 and user 40已經連接到user 39 and user 38 so user 40 Connection array is blank。

我有一個網絡服務，我會每隔1-2秒觸發一次，以顯示此頁面上新加入的用戶以及我存儲在我的表格和此Web服務中的現有用戶之間的新連接將獲取所有用戶以及他們的連接。

因此，起初我的頁面將會加載，但之後我的頁面不會刷新，新用戶應該顯示，並且新的連接應該通過AJAX調用連接到我的Web服務。

到目前爲止，我已經成功地管理顯示用戶和他們之間的連接，但現在停留在1-2秒內自動刷新div，以便新的連接沒有做出以前的連接。

現在正在發生什麼，當我刷新我的div先前的連接再次進行。

我使用這個插件：Jquery-connections.js

這是我做了一個演示;請忽略我一直保持着HTML JS，因爲這是插件（jQuery的connections.js）：JS bin Demo

來源

2016-04-28 Learning-Overthinker-Confused

當你獲取新數據時，如果新數據和現有數據之間存在差異，你可以重新創建或添加新項目到包含div的視圖中，我希望有一個選項可以在'jQuery Connection js'插件。那是什麼阻礙？ – Dipak

可能是這個http://arborjs.org/插件將有助於快速實施它。 – Dipak

@DipakChandranP：好的，我可以像添加新的數據到現有的數據，但如果你看到我的代碼，我正在循環每個div的時刻，這是問題所在。 –

按照我們已經達成了解決這些問題的討論點：

更換畫布div元素以緩解和更快的渲染。
使用第三方js庫將節點和邊緣渲染到畫布中。

來源

2016-05-17 09:20:37 Dipak

對不起，我退出使用畫布，因爲它需要大量的代碼重構 –

和Web應用程序緩慢？ – Dipak

動畫仍然存在一點問題仍然存在，但畫布花費了很多時間，所以我已經不再使用它了。非常感謝你在整個任務中爲你提供的所有指導。它真的意味着很多，否則我肯定會與它一起掙扎 –

每隔一秒用ajax刷新div並用現有div顯示新的div

回答

相關問題