如何使用 HTML5 和 Javascript 读取 Firebase 数据

当我想读取我的 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>

我希望的结果是看到孩子"湿度"显示的变化，但目前我看不到时钟或湿度的结果

此代码：

 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在为任何现有子节点附加侦听器后立即触发，随后为添加的任何新节点附加侦听器。

相关内容

最新更新

热门标签：