Javascript justgage,Jquery再次访问对象还是完全重新绘制?
我有一个应用程序,它从Web.API系统获取Json提要,并使用 呈现仪表的代码如下所示:Javascript justgage,Jquery再次访问对象还是完全重新绘制?,javascript,jquery,json,justgage,Javascript,Jquery,Json,Justgage,我有一个应用程序,它从Web.API系统获取Json提要,并使用 呈现仪表的代码如下所示: var address = "http://localhost:51799/home/getperfdata"; $.getJSON(address, function (data) { DrawGraphs(data); }); var inc = 1; function DrawGraphs(data) { $.each(data, function (key, val) {
var address = "http://localhost:51799/home/getperfdata";
$.getJSON(address, function (data) {
DrawGraphs(data);
});
var inc = 1;
function DrawGraphs(data) {
$.each(data, function (key, val) {
//console.log(val)
//Draw the Divs onto the page!
$("#targetdiv").append("<div class=\"col-sm-2\"id=\"g" + inc + "\"></div>");
//Create a new Graph for each div we drew.
var i = new JustGage({
id: "g" + inc,
value: val.Value,
min: val.MinValue,
max: val.MaxValue,
title: val.SystemName,
label: val.ItemName,
levelColorsGradient: false
});
inc++;
});
}
var地址=”http://localhost:51799/home/getperfdata";
$.getJSON(地址、函数(数据){
绘图(数据);
});
var inc=1;
函数图(数据){
$。每个(数据、函数(键、值){
//console.log(val)
//把div画到页面上!
$(“#targetdiv”)。追加(“”);
//为我们绘制的每个div创建一个新图形。
var i=新的JustGage({
id:“g”+公司,
值:val.value,
min:val.MinValue,
max:val.MaxValue,
标题:val.SystemName,
标签:val.ItemName,
LevelColorsGradent:false
});
inc++;
});
}
我的问题是,我想每隔30-60秒重新调用Web API以获取更新的详细信息,但是我不知道如何引用对象来提供新的“值”
系统的构建是为了为它提供的每个Json对象创建一个量表(因此视图将只提取通过Json提供的量),但是这种方法似乎使重新引用对象变得更加困难
一个简单的解决方案是每60秒“翻录并重新创建”一次,见鬼,我甚至可以将页面刷新到位!但我觉得这有点…“黑”了,如果可能的话,应该开发一个更优雅的解决方案?Hi@LShetty,尽管您的解决方案有效,但它已经导致页面重新绘制了除现有对象之外的所有对象。。有没有办法擦除页面,然后重新绘制?使用
$(“#targetdiv”).html(
而不是$(“#targetdiv”).append(
)只创建一个对象。@LShetty打开了console.log我查看了控制台,它不是每60秒编写一次(我目前只有一个json对象)当我检查DIV元素时,我可以看到DIV上的Id属性是以一种无止境循环的方式在JS增量中创建的。(因为这是一个无止境循环,你想每60秒刷新一次!你想什么时候停止/中断刷新循环?不,我的意思是在3-4分钟的时间内(此时应该只有4次刷新)它已将DIV id增加到“g2000”奇数…并将控制台中的条目填充到无法管理的数量。