2016-11-03 132 views
0

我需要一些幫助,以我的網站。我一直在將Firebase數據庫連接到該網站。我想從數據庫中顯示的「長度」之後的信息,「總監」等,這是我在我的網站代碼:使用JavaScript將Firebase數據庫連接到Web應用程序

<!doctype html> 


<html> 

<head> 
    <title>Movie title</title> 
    </head> 

<body> 

    <div> 
    <img src="bilder/james.jpg" height="300"/> 
    </div> 

    <script src="https://www.gstatic.com/firebasejs/3.5.1/firebase.js">  </script> 
<script> 
    var config = { 
    apiKey: "AIzaSyC7UjgICAi58ZytqsMVMqQshXgd3lxsVEw", 
    authDomain: "test-62cdd.firebaseapp.com", 
    databaseURL: "https://test-62cdd.firebaseio.com", 
    }; 
    firebase.initializeApp(config); 
</script> 

    <script src="index.js"></script> 

     Length: 
     Direcor: 
     Actors: 

    </body> 


</html> 

我也有一個index.js文件:

var langd = document.getElementById("Length"); 

var langdref = firebase.database().ref().child("Length"); 

langdref.on("value", function(datasnapshot){ 

    langd.innertext = datasnapshot.val(); 

}); 

回答

0

首先,在html中沒有帶「ID」長度的元素。檢查您的瀏覽器的開發人員工具以獲取更多信息。如果這需要考慮下面鏈接的「Read data once」一節,以獲取數據從db中獲取的幫助。在熟悉Firebase的同時,我大量使用了console.log()。

https://firebase.google.com/docs/database/web/read-and-write

+0

如何在我的html中添加一個id? (我是一個總編程初學者)。我會查找鏈接中的信息。謝謝您的回答! – paraz

0

您可以在HTML中添加ID: 如:

<a href="" id="length">my link 
</a> 

這樣做之後你的JavaScript代碼就可以操縱這個元素通過ID綁定。 下面是我在代碼中所做的一個簡單示例:

var mainEmail= document.getElementById("email"); 

<input type="email" class="form-control" id="email" placeholder="Enter email"> 
相關問題