javascript - Rgraph 的 Ajax 调用未触发

Question

我有以下奇怪的问题。我有一个 HTML 页面，其中包含一些 RGraph 仪表，我想使用 Ajax 定期更新这些仪表。

相关代码如下:

var update = function(){
    $.ajax({
        url : "update.php",
        dataType : 'json',
        success : function (json) {
            meterWind.set('value',json['hum']);                         
        }
    });
};
$('#test').click(function(){
    update();
});
setInterval(update, 2000);

json 输出正常，我用警报检查了它，它确实返回了一个值，由于某种原因，仪表没有更新。因此，为了进一步测试它，我创建了一个“测试”按钮，并将函数 update() 设置为在单击测试时触发。

现在，由于某种原因，当我单击测试按钮时，仪表会按应有的方式更新 - 这表明 update() 函数可以正常工作，只需尝试单击测试按钮几次即可。

但是，无论我做什么和尝试，当我使用 setInterval 触发该函数时，仪表都不会改变...奇怪，有什么建议吗？

http://meteotemplate.com/templateTest/testing/index.html

我还尝试设置“点击”的间隔，当我在点击中设置警报时，它会发出警报，但同样，仪表上没有更新。

var x = setInterval(function(){ $('#test').trigger("click");}, 3000);

Answer 1

检查您提供的代码，进行以下更改(ajax 请求的成功回调)使其正常工作。这意味着基本上在进行任何更改后，您需要通过调用 draw() 方法来更新 UI。

success : function (json) {
    meterWind.set('value',json['hum']);
    meterWind.draw();
}