Firebase从数据库显示数据

Question

<button id="all" onclick="button()"> View All </button>

<script>
  function button(){
    var userRef = new Firebase("https://addview-c21e6.firebaseio.com/users/");
    userRef.on("value", function(snapshot) {
      // The callback function will get called twice, once for "fred" and once for "barney"
      snapshot.forEach(function(childSnapshot) {
        // key will be "fred" the first time and "barney" the second time
        var key = childSnapshot.key();
        // childData will be the actual contents of the child
        var childData = console.log(childSnapshot.val());
        var para = document.createElement("p");
        var node = document.createTextNode(childSnapshot.val());
        para.appendChild(node);
        var element = document.getElementById("viewAll");
        element.appendChild(para);
      });
    });
  }
</script>
<div id="viewAll"> </div>

The above code is what I have for my question. My tree is as follows: I have the root as users, then under that there is the username (ie john) and then under that there are two children.. Name and Age. So essentially I want the viewAll div to have all my data in the database be listed. So should list: John 15, Jake 16, and so on until it reaches the last user. At the moment it is just printing object Object. Where do I go from here? PS There is more code I'm just not showing it all for simplicity. I appreciate the help!

Answer 1

Your childSnapshot.val() should be the JSON object with the username, name and age, assuming each of your user looks something like this:

'fred': { username: 'fred', name: 'Fred Flintstone', age: 45 },
'barney': { username: 'barney', name: 'Barney Rubble', age: 44 }

In your forEach() loop, you should be able to access each of the properties like this:

var userInfo = childSnapshot.val();
var username = userInfo.username;
var name = userInfo.name;
var age = userInfo.age;