如何从 firebase 检索嵌套节点内容？

Question

我有节点 /person/<personid>/remarks/<remarkid>，其中有字段备注、截止日期。

如何检索一个简单的列表，其中包含每个人的每条评论的评论、截止日期和日期，以便将它们放在 html-table 中？

我试图用 https://www.firebase.com/docs/web/guide/retrieving-data.html 上的文字来解决这个问题，但我完全被卡住了。到目前为止我得到的是：

<html>
<head>
    <script src="https://cdn.firebase.com/js/client/2.2.1/firebase.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <style>
        table, th, td { border: 1px solid black }
    </style>
</head>
<body>
<div id="tablearea"></div> 
<script>

    var leerlingRef = new Firebase("https://mydatabase/leerling/116978/opmerkingen");
        leerlingRef.on("value", function(snapshot) {
            snapshot.forEach(function(data) {
                console.log(data.key() + " " + data.val());
            });
        }); 

</script>
</body>
</html>

Answer 1

我有点需要咖啡。解决方案如下。我必须找出的事情之一是使用 -Jm_NZnFtaWy2tAaAzlo 之类的 id 来处理节点操作中的一个字段，例如data.val().opmerking（对于节点内的子 opmerking，子 opmerking 内的键 -Jm_NZnFtaWy2tAaAzlo...）。

此外，这有助于了解如何处理 $(#" 等： http://www.w3schools.com/jquery/jquery_dom_add.asp.

<html>
<head>
    <script src="https://cdn.firebase.com/js/client/2.2.1/firebase.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <style>
        table, th, td { 
            border: 1px solid #77B655; 
            text-align: left;
            vertical-align: top;
        }
        #opmtable { 
            width: 100%; 
            border-radius: 5px;
        } 
        #tablearea { 
            border-radius: 5px;
            height: 300px;
            width: 400px;
        }

    </style>
</head>
<body>
<form id="myform">
    <select id="leerling">
        <option value='Selecteer...'>Selecteer...</option>
        <option value='116978'>116978 Anne Test             (H5H1)</option>
        <option value='127225'>127225 Joep Test             (H5H1)</option>
    </select>
</form>
<div id="tablearea" >
    <table id="opmtable" cellspacing="0">
        <thead>
            <th>opmerking</th>
            <th>bestanden</th>
            <th>door</th>
        </thead>
        <tbody id="opmtablebody">
        </tbody>
    </table>
</div> 
<script>
    $(document).ready(function(){
        $("#leerling").change(function(){
            $(this).css("background-color", "lightblue");
            if (this.value !== "Selecteer...") {
                toonOpmerkingen(this.value);
            } else {
                $("#opmtablebody").html("");
            }
        });
    });

    var toonOpmerkingen = function(leerling) {
        var ref = new Firebase("https://mydatabase.firebaseio.com/leerling");
        var leerlingRef = ref.child(leerling).child("opmerkingen");

        leerlingRef.on("value", function(snapshot) {
            $("#opmtablebody").html("");
            snapshot.forEach(function(data) {
                var cel1 = data.val().opmerking;
                var cel2 = data.val().bestanden;
                var cel3 = data.val().door;
                var tr = "<tr><td>"+cel1+"</td><td>"+cel2+"</td><td>"+cel3+"</td></tr>";
                $("#opmtablebody").append(tr);
            });
            }, function (errorObject) {
             console.log("The read failed: " + errorObject.code);
            });
    }
</script>
</body>
</html>

如何从 firebase 检索嵌套节点内容？

How to retrieve nested node content from firebase?

javascript

firebase