从 Firebase（网络）检索数据不起作用答案

【问题标题】：Retrieving data from Firebase (web) not working从 Firebase（网络）检索数据不起作用
【发布时间】：2017-04-03 18:50:07
【问题描述】：

我刚刚进入 Firebase，我正在尝试从实时数据库中检索数据，但我无法在网页上显示任何内容。

这就是我得到的，在 JS 之前我得到了初始化 Firebase 代码。（如果我删除了val() 我收到了[object Object] 所以至少有一些工作）。

JS：

var heading = document.getElementById("head");

var firebaseHeadingRef = firebase.database().ref().child("Heading");

firebaseHeadingRef.on('value', function(datasnapshot) {
    heading.innerText = datasnapshot.val();
});

HTML：

<div id="table_body"> <h1 id="head">Some Text</h1>

这是来自数据库的截图：

感谢所有帮助:)

【问题讨论】：

标签： javascript database firebase firebase-realtime-database

【解决方案1】：

实时数据库区分大小写。在您的 DB 屏幕截图中，您有 Heading，但您的 JS 代码有 .child('heading')。尝试制作相同的案例，它应该可以工作。请注意，您还必须拥有适当的Security Rules 才能允许未经身份验证的用户访问。

【讨论】：

您好，谢谢您的回答。我将 h 更改为大写，但没有帮助。我将读写的安全规则设置为 true。

【解决方案2】：

我遇到了类似的问题，一切都很好，包括数据库规则，但没有获取数据。

我的解决方案

我的包含 apiKey 和 projectId 的配置缺少 databaseURL 部分，所以我重新复制了正确的配置并且它起作用了。

附言

尝试检查您的控制台是否有任何来自 Firebase 的警告

【讨论】：