Question

这是使用firebase的web app html代码。目标是实时检索数量而无需刷新/重新加载页面。

怎么做？ Thxs。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"></head>
<body>
    <span class="qty" id="qty">0</span>
    <script src="https://www.gstatic.com/firebasejs/4.3.1/firebase.js"></script>
    <script>
        var config = { ... };
        firebase.initializeApp(config);
    </script>
    <script>
        var dbRef = firebase.database().ref();
        var startListening = function() {
            dbRef.on('child_added', function(snapshot) {
                var warehouse = snapshot.child("prod_id/stats").val();
                document.getElementById("qty").innerHTML = warehouse.qty
            });
        }
        startListening();
    </script>
</body>
</html>

Answer 1

由于firebase使用唯一的ID数据，因此当您引用warehouse.qty之类的内容时，使用child_added代替value时，您可能会以{{1}结尾数据，因为路径不正确。

首先检查您的数据存储在哪里。检查路径。是null吗？还是prod_id/stats/qty？。

如果它位于prod_id/stats/<some-unique-key>/qty，您可能希望将prod_id/stats/qty更改为child_added。如下面的代码所示：

value

如何在不刷新Firebase的情况下实时更新网页？

1 个答案: