【问题标题】:Showing Firebase records in an HTML web page在 HTML 网页中显示 Firebase 记录
【发布时间】:2016-12-15 07:51:21
【问题描述】:

我正在尝试在我的 HTML 页面中查询 Firebase 记录,但我现在还没有找到任何运气。

我正在使用 JavaScript,这是我拥有的当前代码。是否有正确的方法来输出记录?我知道这是一个 JSON 格式的文件。

var ref = new Firebase("https://ngong-hills.firebaseio.com/Bookings");
ref.orderByChild("Bookings").on("child_added", function(snapshot) {
    console.log(snapshot.key());
    document.write(snapshot.key());
});

我有什么遗漏吗??

【问题讨论】:

  • 看起来“为什么不呢?”在这种情况下是一个很好的答案(因为你确实没有描述你想要什么)
  • 我正在使用的代码显示一个空白页面,它有点不起作用。因为我希望显示所有子项(预订)的记录)

标签: javascript html firebase firebase-realtime-database


【解决方案1】:

看起来你正在使用非常旧的教程,因为

  1. initialization 现在看起来不一样了,而且
  2. 你不只是show data,你会显示它以防发生一些变化,所以在没有变化的情况下你不会看到任何东西

此代码适用于我

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

<script>
    var config = {
        apiKey: "***",
        authDomain: "crackling-fire-7458.firebaseapp.com",
        databaseURL: "https://crackling-fire-7458.firebaseio.com"
    }
    var app = firebase.initializeApp(config);

    var ref = app.database().ref('/');

    ref.on('value', function(snapshot) {
        console.log(snapshot.val());
    });
</script>

【讨论】:

  • 那么你推荐我做什么@ArtemDudkin 我有 var config = { apiKey: "AIzaSyBrvFpU7AL3efIisDJyQ56giSqc9Gi4dn8", authDomain: "ngong-hills.firebaseapp.com", databaseURL: "ngong-hills.firebaseio.com", storageBucket : "gs://ngong-hills.appspot.com" }; firebase.initializeApp(config); var ref = new Firebase("ngong-hills.firebaseio.com/Bookings"); ref.orderByChild("Bookings").on("child_added", function(snapshot) { console.log(snapshot.key()); document.write(snapshot.key ());});
  • 你真的对我问的这个问题有答案吗???就像一个真正的工作代码可以帮助我实现我的查询
  • 请看 (2) - 你不只是显示数据。在您的代码中,数据只会在“child_added”事件之后显示(即从不)请查看firebase.google.com/docs/database/web/read-and-write
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-24
  • 1970-01-01
相关资源
最近更新 更多