0
228
VistasHTML actualiza ciertos valores a través de Java script
Uso ajax y he estado tratando de encontrar una solución durante unos días. Como puede ver en la imagen a continuación, ya tengo un archivo Json en la consola. Pero todavía no puedo separar esto y luego mostrarlo en:
<span ...>...</span>Deberían ser datos en vivo que se actualizan cada segundo.
<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> 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Si sus datos se ven así, necesita "profundizar" en ellos.
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); Todo esto estaría envuelto en una función setInterval() como se muestra arriba para sondear cada 1000ms (1 segundo).
·
Juan Pablo Isaza
Denunciar
Responde la pregunta