Firebase在网页中获取数据

Question

我有如下所示的firebase DB：

我正在这样的表中显示数据：

我还将代码上传到jsFiddle。

var ref = firebase.database().ref("tree1");
ref.on("value", function(snapshot) {
  var data = snapshot.val().tree2.tree3;  
  for(var k in data){
    $("#gText").append("<th style='border:1px solid black'>"+k+"</th>");
    $("#vText").append("<td style='border:1px solid black'>"+data.k+"</td>"); //Error Here
  }
  $("#dummy").append("<td style='border:1px solid black'>"+data.name1+"</td>");
  $("#dummy").append("<td style='border:1px solid black'>"+data.name2+"</td>");
});

在html输出的第二行中，我得到＆＃34; undefined＆＃34;，但在第3行它工作正常。为什么我得到＆＃34;未定义＆＃34;在第二排？

Answer 1

改变这个：

$("#vText").append("<td style='border:1px solid black'>"+data.k+"</td>"); 

进入这个：

$("#vText").append("<td style='border:1px solid black'>"+data[k]+"</td>");

使用括号表示法，您将能够访问属性的值。

jsfiddle