javascript - 从 Firebase(网络)检索数据不起作用

标签 javascript database firebase firebase-realtime-database

我刚刚进入 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>

这是数据库的屏幕截图:

1

感谢所有帮助:)

最佳答案

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

关于javascript - 从 Firebase(网络)检索数据不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43192155/

相关文章:

database - 数据库/实体设计 : table related to any one of multiple tables

MySQL:从具有 View 的多个表中查询数据

java - 从单个键检索多个键/值对

javascript - 子属性(子集合)上的 firestore orderby

javascript - JQuery Accordion 脚本中的 If/Else - 请检查语法

javascript - 从表单中找到用户输入并将其分配给属性

javascript - 如何在搜索过滤器的 react 选择中添加自定义图标

javascript - 如何检查数据是否存在以呈现结果?

SQLITE:如果它们共享一列,则将行合并为单行

android - 从后台服务更新 Firebase 数据库