我使用ajax，幾天來一直在尋找解決方案。如下圖所示，我已經在控制臺中得到了一個Json檔案。但是我仍然無法將其分開，然后將其顯示在：
<span ...>...</span>
那應該是每秒更新的實時資料。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var intervalID = setInterval(update_values,1000);
var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
function update_values()
{
$.getJSON($SCRIPT_ROOT '/update',
function(data)
{
$('#update_data').getJSON
console.log(data)
});
};
</script>
...
<div class="card card-gray" id="card_bord1">
<h4>Board 1</h4>
<img src="../static/img/Rotary_Board_BW.png">
<p>Value: {{actuel_value_board1_html}}
<span id="update_data">?</span>
<script>
document.getElementById("update_data").getE
</script>
</p>
<label class="labelOFFLINE">Online</label>
</div>
uj5u.com熱心網友回復：
如果您的資料看起來像這樣，您需要“深入研究”它。
var dataJSON = [{
"update_data": {
'1': {
"active_value": '1e 31',
"is_active": false
},
'2': {
"active_value": '5',
"is_active": false
}
}
}]
setInterval(function() {
// ajax call to data (I am using static json object above)
data = dataJSON;
// example one line drill-down
console.log(data[0].update_data[1].is_active);
// example "digging"
console.log(data);
data = data[0];
console.log(data);
data = data.update_data;
console.log(data);
data = data[1];
console.log(data);
data = data.is_active;
console.log(data);
var status = data ? 'Online' : 'Offline';
$('.labelOFFLINE').html(status);
}, 1000);
所有這些都將包裝在一個setInterval()函式中，如上所示，每 1000 毫秒（1 秒）輪詢一次。
https://jsfiddle.net/fu7Ld0x9/
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/483388.html
標籤：javascript html 阿贾克斯