Question

我搜索过现有的讨论无济于事，所以我想我会向社群寻求帮助：我使用JavaScript从Firebase数据库中获取数据。初始获取效果很好;但是，当我将一个孩子添加到数据库时，我的JavaScript网页会收到新的子数据最初为＆＃34; null＆＃34;。奇怪的是，如果我刷新网页，那么＆＃34; null＆＃34;被正确的数据取代。

这是我的网页来源：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Reading Firebase Database</title>
        <script type="text/javascript" src="../d3.js"></script>
        <style type="text/css">
            /* No style rules here yet */       
        </style>
    </head>
    <body>

    <div id="div1">
    </div>

        <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
        <script>

            // Initialize Firebase
            var config = {
                apiKey: confidential,
                authDomain: confidential,
                databaseURL: confidential,
                projectId: confidential,
                storageBucket: confidential,
                messagingSenderId: "confidential"
            };
            firebase.initializeApp(config);

            // Read Firebase Data
            var database = firebase.database().ref().child("session");
            database.on("child_added", snap => {
            var dur = snap.child("dur").val();
            var lat = snap.child("lat").val();
            var lon = snap.child("lon").val();

            // Display Firebase Data
            var para = document.createElement("p");
            var node = document.createTextNode(lon);
            para.appendChild(node);
            var element = document.getElementById("div1");
            element.appendChild(para);

            });

        </script>

    </body>
</html>

这是Firebase大纲：

Screenshot of Firebase data

提前感谢您的帮助。我真的很感激。

Answer 1

您必须使用on('value')函数来获取每个孩子的价值。因此，每当添加新子项时，on('value')将为firebase中的每个子项运行。

var database = firebase.database().ref().child("session");
database.on("value", snap => {
    snap.forEach(snapshot => {
        if ChildKey == newKey {
            console.log(snapshot.val())
        }
    })
});

Firebase数据库返回null;刷新后，它返回正确的值

1 个答案: