在HTML網頁中顯示Firebase記錄

我試圖在我的HTML頁面中查詢Firebase記錄，但我現在還沒有找到任何運氣。在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()); 
});

有什麼我失蹤？

來源

2016-12-15 Sir George

看就像'爲什麼不呢？'在這種情況下是一個很好的答案（因爲你沒有描述你想要的東西） –

我正在使用的代碼顯示一個空白頁面，它有點不工作。因爲我想要顯示所有兒童（預訂）的記錄） –

看起來像你使用非常舊的輔導，爲

initialization現在看起來不同，
你不只是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>

來源

2016-12-15 08:12:01

so你有什麼建議我做@ArtemDudkin我有var config = { apiKey：「AIzaSyBrvFpU7AL3efIisDJyQ56giSqc9Gi4dn8」， authDomain：「ngong-hills.firebaseapp.com」， databaseURL：「https://ngong-hills.firebaseio.com」， storageBucket：「gs：//ngong-hills.appspot.com」 }; firebase.initializeApp（config）; \t \t var ref = new Firebase（「https://ngong-hills.firebaseio.com/Bookings」）; \t ref.orderByChild（「預訂」）上（「child_added」，功能（快照）{ \t的console.log（snapshot.key（））; \t文件撰寫（snapshot.key（））; \t}）; –

這就是我的新代碼仍然沒有 –

你確實有這個問題的答案我問？就像一個真實的工作代碼，可以幫助我實現我的查詢 –

在HTML網頁中顯示Firebase記錄

回答

相關問題