我有一个应用程序,它从 Web.API 系统获取 Json 提要并使用justgage将其填充到仪表 JS 对象中
呈现我的仪表的代码如下:
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++;
});
}
我的问题是,我想每隔 30-60 秒重新调用 Web API 以获取更新的详细信息,但是我不知道如何引用对象以提供新的“值”。
该系统已构建,因此它将为其提供的每个 Json 对象创建一个计量器(因此视图将仅绘制通过 Json 提供的数量)但是这种方法似乎使重新引用对象变得更加困难......
一个简单的解决方案是每 60 秒“拆除并重新创建”它,哎呀,我什至可以将页面刷新到位!但我觉得这有点......“hacky”,如果可能的话应该开发一个更优雅的解决方案?