Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript justgage,Jquery再次访问对象还是完全重新绘制?_Javascript_Jquery_Json_Justgage - Fatal编程技术网

Javascript justgage,Jquery再次访问对象还是完全重新绘制?

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) {

我有一个应用程序,它从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) {
        //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”奇数…并将控制台中的条目填充到无法管理的数量。