將Firebase中的數據顯示到HTML網頁上

我能夠從Firebase中提取數據並將其顯示在瀏覽器控制檯中，但是如何將其實際顯示爲網頁上的文字？將Firebase中的數據顯示到HTML網頁上

這是我現在有代碼：

<script> 
 
     
 

 
\t \t var ref = new Firebase("https://datatest-104.firebaseio.com"); 
 
\t ref.orderByChild("location").equalTo("United States").on("child_added", function(snapshot) { 
 
\t console.log(snapshot.key()); 
 
\t }); 
 

 
    //My code that I'm trying: 
 
    document.write(snapshot.key()); 
 
    
 
\t 
 
    </script>

我想使用文件撰寫（snapshot.key（））;但我不確定它是如何工作的。

來源

2016-02-12 Eddev

我建議您參加這個5分鐘的互動教程：https：//www.firebase.com/tutorial/。之後，關於「構建單頁面Web應用程序」的任何教程都可能是一個很好的下一站。 –

嗨，弗蘭克，是的，我做了教程，但你能指點我如何在網頁上顯示數據庫的內容？這個例子中的聊天顯示信息不夠清楚。謝謝！ – Eddev

Firebase教程展示了將內容放入頁面的一種常見方式（使用jQuery）。還有其他的方法，但有很多的教程。但是在StackOverflow上推薦這樣的資源是無關緊要的。從「規則」中：「要求我們推薦或查找書籍，工具，軟件庫，教程或其他非現場資源的問題與Stack Overflow無關，因爲它們傾向於吸引自以爲是的答案和垃圾郵件，而要描述問題以及到目前爲止解決問題所做的工作。「 –

將document.write(snapshot.key());到函數，而不是在它外面：

ref.orderByChild("location").equalTo("United States").on("child_added", function(snapshot) { 
 
\t document.write(snapshot.key()); 
 
\t });

然後，snapshot將被定義，所以它會寫入到頁面上。

來源

2016-02-16 02:45:16 Eddev

將Firebase中的數據顯示到HTML網頁上

回答

相關問題