Firebase DB для HTML таблицы - PullRequest
Новая
       0

Firebase DB для HTML таблицы

0 голосов
/ 07 января 2020

Я новичок в Firebase и не слишком знаком с ним. Я пытаюсь вывести свою базу данных Firebase на внешний интерфейс в виде таблицы HTML. Я получил небольшую помощь в поиске вещей, но теперь я застрял. Я не могу заполнить данные в моей HTML таблице.

Вот мои HTML и JS, встроенные в: 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Customer table</title>
    <script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>

  <body>
    <table class="table table-striped" id="ex-table">
      <tr id="tr">
        <th>Email</th>
        <th>Name</th>
        <th>Phone</th>
      </tr>
    </table>

    <script>
      var config = {
        apiKey: "AIzaSyAV97WnhtDpk-2KKefww6tmuAJeTYA_ql0",
        authDomain: "testproject-e2435.firebaseapp.com",
        databaseURL: "https://testproject-e2435.firebaseio.com",
        projectId: "testproject-e2435",
        storageBucket: "testproject-e2435.appspot.com",
        messagingSenderId: "276265166035",
      };
      firebase.initializeApp(config);
      var database = firebase.database().ref().child('Customer');
      database.once('value', function(snapshot){
          if(snapshot.exists()){
              var content = '';

              snapshot.forEach(function(data){
                  var Email = data.val().Email;
                  var Name = data.val().Name;
                  var Phone = data.val().Phone;
                  content += '<tr>';
                  content += '<td>' + Email + '</td>'; //column1
                  content += '<td>' + Name + '</td>';//column2
                  content += '<td>' + Phone + '</td>';//column2
                  content += '</tr>';
      });

        $('#ex-table').append(content);
    }
    });
    </script>
  </body>
</html>

У меня есть присоединенная структура БД

enter image description here

1 Ответ

1 голос
/ 07 января 2020

Очевидно, что вы создали дополнительный testproject-e2435 узел в root вашей базы данных.

Поэтому вы должны сделать 

var database = firebase.database().ref().child('testproject-e2435/Customer');

Примечание: вы можете позвонить эта переменная как customerReference.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...