如何使用HTML5和Javascript讀取firebase數據？

Question

當我想閱讀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>

我希望的結果是看到孩子“濕度”顯示的變化，但目前我看不到時鍾或濕度的結果

Answer 1

這段代碼：

 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 ，然后為添加的任何新節點觸發。

如何使用HTML5和Javascript讀取firebase數據？

問題描述

1 個解決方案

解決方案1
0 已采納 2019-04-20 04:11:53

如何使用HTML5和Javascript讀取firebase數據？

問題描述

1 個解決方案

解決方案1 0 已采納 2019-04-20 04:11:53

解決方案1
0 已采納 2019-04-20 04:11:53