Javascript 在向不同的div加载大量数据时,想知道ajax.load的替代方法吗

Javascript 在向不同的div加载大量数据时,想知道ajax.load的替代方法吗,javascript,jquery,html,Javascript,Jquery,Html,您好,在我继续学习html和jquery的过程中,我尝试将一些监控系统(SCADA)复制到一个基于web的系统中,我偶然发现openseadragon用作类似于google地图的地图系统,并使用其覆盖层,我能够设置一个候选者来替换一个系统,该系统在地图上显示基本的开/关监视器 为此,我创建了一个简单的php文件来解析数据库中的当前状态,并输出了一个简单的div,其中Online表示On,Offline表示Off,非常简单,只需在php文件中添加类似status.php?loc=16的内容,就可以

您好,在我继续学习html和jquery的过程中,我尝试将一些监控系统(SCADA)复制到一个基于web的系统中,我偶然发现openseadragon用作类似于google地图的地图系统,并使用其覆盖层,我能够设置一个候选者来替换一个系统,该系统在地图上显示基本的开/关监视器

为此,我创建了一个简单的php文件来解析数据库中的当前状态,并输出了一个简单的div,其中Online表示On,Offline表示Off,非常简单,只需在php文件中添加类似status.php?loc=16的内容,就可以获得每个位置的状态

现在我只使用ajax setInterval,只需附加一个简单的$.load并将其指向地图上分散的不同id(由openseadragon渲染为覆盖),我目前有51个点,而且看起来都很好,所以技术上我在setInterval集中有51$.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);

你可以这样做:

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

for(var i = 100; i--;){
    callWorker(i);
}