Подключите базу данных Firebase к веб-приложению, используя JavaScript

Мне нужна помощь с моим сайтом. Я застрял при подключении базы данных Firebase к сайту. Я хотел бы, чтобы информация из базы данных отображалась после "Длина", "Директор" и т. Д. Это мой код на моем веб-сайте:

<!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();

});
Источник

2 ответа

Вы можете добавить идентификатор в свой HTML: например:

<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">
Источник

Для начала нет элемента с идентификатором "Длина" в вашем HTML. Проверьте инструменты разработчика для вашего браузера, чтобы получить больше информации. Если вы позаботились об этом, обратитесь к разделу "Прочитать данные один раз" по ссылке ниже, чтобы получить информацию из базы данных. Я широко использовал console.log(), знакомясь с Firebase.

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

Источник
Другие вопросы по тегам