Как я могу прочитать содержимое моей базы данных Firebase в реальном времени и получить их для отображения с помощью функции javascript onclick? - PullRequest
Новая
       6

Как я могу прочитать содержимое моей базы данных Firebase в реальном времени и получить их для отображения с помощью функции javascript onclick?

0 голосов
/ 21 мая 2018

Содержимое моей базы данных 

function PushDish(DishCode, DishName) {

Materialize.toast («Блюдо добавлено», 4000, «округлено») firebase.database (). Ref ('Таблица - 1 /'+ DishCode) .set ({DishCode: DishCode, DishName: DishName});}

код, который я сейчас использую для передачи данных

Буду признателен, если кто-нибудь поможет мне написать сценарий чтения и отображения java-функции fucntion

1 Ответ

0 голосов
/ 21 мая 2018

Предположим, у нас есть эти данные в вашей базе данных: 

yourDatabase {
  lkljkj3jkl3j {
    ChildOne: childValueOne,
    ChildTwo: childValueTwo,
    ChildThree: childValueThree
  }
  lkljkfdfjkl3k {
    ChildOne: childValueOne,
    ChildTwo: childValueTwo,
    ChildThree: childValueThree
  }
}

Теперь, что вы хотите сделать, это циклически перебирать ваши данные при нажатии кнопки и отображать данные.Поэтому мы создадим для этого функцию с помощью jquery. 

$("#myBtn").click(function(){
 var ref = firebase.database().ref('yourDatabase');
 ref.on('value', function(snapshot) {
    snapshot.forEach(function(childSnapshot) {
      var childData = childSnapshot.val();
      if(childData){
      $("#myData").html(childData);
      } else {
      $("#myData").html("There is no data");
      }
    });
  });
});

В нашем html: 

<button id="myBtn">my button</button>
<p id="myData"></p>

Также, если вы хотите читать данные только одного потомка: 

$("#myData").html(childSnapshot.ChildOne);

Я бы тоже прочитал это на вашем месте: https://firebase.google.com/docs/reference/js/firebase.database.DataSnapshot

...