2014-05-11 20 views
0

你好在我繼續學習一些HTML & jquery的東西試圖複製一些監控系統(SCADA)到基於Web的系統,偶然發現openseadragon用作類似谷歌地圖的MAP系統並使用它的覆蓋圖,我能夠設置一個候選人來替換一個系統,其中基本的開/關監視器顯示在地圖上。想知道另一種方法來ajax .load當大量的數據加載到不同的div

要做到這一點,我剛剛創建了一個簡單的php文件,它解析了數據庫中的當前狀態,並輸出一個簡單的div,包括Online for On和Offline for Off,非常簡單的東西,到php文件,如status.php?loc = 16,我可以獲得每個位置的狀態。

現在我只用ajax的setInterval,只是附上一個簡單的$ .load並將其指向分散在地圖(由openseadragon呈現爲覆蓋),我目前在51個不同的ID,和一切似乎很好,所以從技術上講,我在setInterval中設置了5個$ .load調用5秒,我想知道是否有更清晰的方法來實現這一點,我將接近100個div,因此這將是100個調用。並在那一點上,我不知道什麼樣的行爲,將不會感到驚訝,如果我在瀏覽器崩潰的過程中,哈哈

這只是一個想法,我一直在閱讀有關JSON,可能看起來到那個,即時通訊只是不知道如何處理多個div目前。

這是它的外觀的方式

$.ajaxSetup({ cache: false }); 
setInterval(function() { 
    $('#pt1').load('status.php?loc=1'); 
    $('#pt2').load('status.php?loc=2'); 
    $('#pt3').load('status.php?loc=3'); 
    // . 
    // . up to 
    // . 
    $('#pt99').load('status.php?loc=99'); 
}, 3000); 

回答

0

你可以做這樣的:

var callWorker = function(val){ 
    setInterval(function() { 
     $('#pt1').load('status.php?loc=' + val); 
    }, 3000); 
} 

for(var i = 100; i--;){ 
    callWorker(i); 
} 
相關問題