2016-11-03 129 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"> 
相关问题