如何在我的網站上顯示Firebase數據庫中的數據？

Question

在Firebase上，我遇到了以下問題; 我的數據結構如下：

myApp
- myList
    - KKJJXX...1        myString: "String One"
    - KKJJXX...2        myString: "String Two"
    - KKJJXX...3        myString: "String Three"

我想制作一些JavaScript（在我的網頁中）列出上面數據庫中myString的值。 這是我在挖掘網絡后想出的。 它起作用，但不完全。 我可以在瀏覽器的調試控制台中看到我有我想要的數據。 在劇本之后我更准確地寫下我的疑慮。

<script>
var ref = new Firebase("https://myApp.firebaseio.com/myList/");

ref.on("value", function(snapshot) {
    for (x in snapshot.val()) {
        var xRef = new Firebase("https://myApp.firebaseio.com/myList/"+x+"/");
        xRef.once("value", function(xsnapshot) {
            var name = xsnapshot.child("myString");
            console.log(name);
        });
    }
}, function (errorObject) {
    console.log("The read failed: " + errorObject.code);
});
</script>

在調試控制台中，我得到這一行（3次）：

Object { A: Object, Y: Object, g: Object }

我可以看到A對象包含我正在尋找的信息（myString）。 我應該在上面的腳本中更改什么來直接列出控制台上myString的內容？

Answer 1

當您致電child ，您將獲得新的FirebaseReference - 而不是數據快照。 你需要.on('value')來獲取ref的數據，但這很愚蠢，因為你已經掌握了數據。

相反，只需將快照的數據存儲在本地變量中並對其進行操作即可。

ref.on("value", function(snapshot) {
    for (x in snapshot.val()) {
        var xRef = new Firebase("https://myApp.firebaseio.com/myList/"+x+"/");
        xRef.once("value", function(xsnapshot) {
            var data = xsnapshot.val();
            var name = data["myString"];
            console.log(name);
        });
    }
});