服务器显示json,如何显示服务器返回的JSON实时页面上运行谷歌的图表在客户端上？...

我不是一名JavaScript开发人员甚至没有专家在阿贾克斯，只是一个没有副桌面开发者，我会很感激，如果你能告诉我怎么可以连接MCU返回JSON数据上使用谷歌计在客户端运行的网页本地网络在家中。如何显示服务器返回的JSON实时页面上运行谷歌的图表在客户端上？

所以，我实现了一个简单的Arduino基于web服务器，在下面的格式返回数据：

{“arduino”:

[

{“location”:”outdoor”,”temperature”:”15.55″},

{“location”:”outdoor”,”humidity”:”15″}

]

}

我希望能够显示实时温度，而不必刷新整个页面：我google gauge example碰到。

我已经在链路改性下面的例子来显示的温度和湿度分别计：

google.charts.load('current', {'packages':['gauge']});

google.charts.setOnLoadCallback(drawGauge);

var gaugeOptions = {min: 0, max: 280, yellowFrom: 200, yellowTo: 250,

redFrom: 250, redTo: 280, minorTicks: 5};

var gauge;

function drawGauge() {

gaugeData = new google.visualization.DataTable();

gaugeData.addColumn('number', 'Temperature');

gaugeData.addColumn('number', 'Humidity');

gaugeData.addRows(2);

gaugeData.setCell(0, 0, 120);

gaugeData.setCell(0, 1, 80);

gauge = new google.visualization.Gauge(document.getElementById('gauge_div'));

gauge.draw(gaugeData, gaugeOptions);

}

function changeTemp(dir) {

gaugeData.setValue(0, 0, gaugeData.getValue(0, 0) + dir * 25);

gauge.draw(gaugeData, gaugeOptions);

}

function changeHumid(dir) {

gaugeData.setValue(0, 1, gaugeData.getValue(0, 1) + dir * 20);

gauge.draw(gaugeData, gaugeOptions);

}

Change

现在我想5秒显示从返回的JSON最新数据后的变化温带和变化湿度的功能应该执行通过执行MCU蜜蜂服务器URL？我怎样才能实现呢？