CODEWITHSUNDEEP
javascripthtmlfirebasefirebase-realtime-database
Miguel
Miguel

Reputation: 63

Need help on calling datas from firebase html

Firebase example:

Users:

Above is the firebase data. I wanted to call all the data under User1, A. Which means "123", "234", "345" should be the output for my table. I also wanted to display them to be displayed in a table I have in my html file using javascript. Can anyone advise? I am new to firebase and am confused with the other guides online.

Should I create a table using javascript or keep my table at html file?

Thank you for advise and help.

Upvotes: 0

Views: 55

Answers (2)

Renaud Tarnec
Renaud Tarnec

Reputation: 83093

By doing the following, in JavaScript you will get all the children of the User1/A node:

var ref = firebase.database().ref('User1/A');
ref.once('value', function(snapshot) {
  snapshot.forEach(function(childSnapshot) {
    var childKey = childSnapshot.key;
    console.log(childKey);
    var childData = childSnapshot.val();
    console.log(childData);
    //....
  });
});

From there you can populate your HTML table

Upvotes: 2

gugateider
gugateider

Reputation: 2049

For Real Time Database try this: 

firebase.database().ref('/User1/A').once('value').then(function(snapshot) {
  let items = snapshot.val();
  items.forEach( (v) => writeData(v) );
});
const writeData = (value) => { 
    let el = document.querySelector('p');
    el.innerHTML = value;
    document.appendChild(el);
}

Upvotes: 2

Related Questions