Как читать данные Firebase с использованием HTML5 и Javascript? - PullRequest
Новая
       1

Как читать данные Firebase с использованием HTML5 и Javascript?

0 голосов
/ 20 апреля 2019

Когда я хочу прочитать данные моего Firebase, ничего не появляется.

Я попытался прочитать данные, используя для этого скрипт.

Это мой HTML-код: 

<html>
    <head>
        <title>Javascript Firebase</title>
        Humidity: <humidity></humidity><br>
            Clock: <clock></clock><br>
        </head>
        <body>

and this is my script: 

<script type="text/javascript">
        var database = firebase.database('javascript-firebase-6567d');
        var h document.querySelector('humidity');
        var c = document.querySelector('clock');

        var pad = function(x){
        return x < 10 ? '0' +x : x;
        }

        var ShowClock = function() {
        var d = new Date();
        var h = pad(d.getHours());
        var m = pad (d.getMinutes());
        var s = pad (d.getSeconds()); 


        c.innerHTML = [h,m,s].join(':');
        }
        setInterval(ShowClock,1000);

        var myRef = Firebase('https://javascript-firebase-6567d.firebaseio.com/rooms');
        myRef.on('child_changed',function(snapshot){
        data = snapshot.val();
        h.innerHTML = data.humidity;
        });
        </script>

Результаты, которые я надеюсь, это увидеть изменения, которые показывает "влажность" ребенка, но в настоящее время я не вижу результаты часов или влажности

1 Ответ

0 голосов
/ 20 апреля 2019

Этот код: 

 myRef.on('child_changed',function(snapshot){
    data = snapshot.val();
    h.innerHTML = data.humidity;
 });

Событие child_changed происходит только тогда, когда данные в местоположении изменяются . Если вы пытаетесь показать текущие дочерние узлы под определенным местоположением, вам нужно использовать child_added: 

 myRef.on('child_added',function(snapshot){
    data = snapshot.val();
    console.log(data);
 });

child_added запускается сразу после подключения прослушивателя для любого существующего дочернего узла, а затем впоследствии для всех новых узлов, которые добавляются.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...