Javascript 使用Firebase数据创建HTML表

我有一个firebase数据库，我需要创建一个包含必要信息的HTML表。下面是我如何设置firebase数据的

{
  "Markets" : {
    "Athens" : {
      "Item" : {
        "name" : "Beef",
        "price" : 10,
        "salePrice" : 3
      }
    }
  }
}

这就是我如何设置HTML表和尝试检索数据的代码。正在适当地创建该表，但我没有看到任何数据。任何帮助都将不胜感激

<table style="width:100%" id="ex-table">
  <tr id="tr">
    <th>Name:</th>
    <th>Price:</th> 
    <th>Sale Price:</th>

 </table> 

<script>
    var database = firebase.database();
    database.ref().once('value', function(snapshot){
        if(snapshot.exists()){
            var content = '';
            snapshot.forEach(function(data){
                var val = data.val();
                content +='<tr>';
                content += '<td>' + val.name + '</td>';
                content += '<td>' + val.price + '</td>';
                content += '<td>' + val.salePrice + '</td>';

                content += '</tr>';
            });
            $('#ex-table').append(content);
        }
    });
</script>

姓名：
价格：
售价：
var database=firebase.database（）；
database.ref（）一次（'value'，函数（快照）{
if（snapshot.exists（））{
var内容=“”；
snapshot.forEach（函数（数据）{
var val=data.val（）；
内容+=''；
content+=''+val.name+''；
内容+=''+价值价格+''；
内容+=''+价值销售价格+''；
内容+=''；
});
$（'#ex table'）。追加（内容）；
}
});

现在您正在读取根节点。在进入

name

、

price

和

saleprice

属性之前，JSON中还有更多级别的数据。您需要在回调或查询中导航这些级别。后者的一个例子是：

var database = firebase.database();
database.ref('Markets/Athens').once('value', function(snapshot){
    if(snapshot.exists()){
        var content = '';
        snapshot.forEach(function(data){
            var val = data.val();
            content +='<tr>';
            content += '<td>' + val.name + '</td>';
            content += '<td>' + val.price + '</td>';
            content += '<td>' + val.salePrice + '</td>';

            content += '</tr>';
        });
        $('#ex-table').append(content);
    }
});

var-database=firebase.database（）；
database.ref（'Markets/Athens'）。一次（'value'，函数（快照）{
if（snapshot.exists（））{
var内容=“”；
snapshot.forEach（函数（数据）{
var val=data.val（）；
内容+=''；
content+=''+val.name+''；
内容+=''+价值价格+''；
内容+=''+价值销售价格+''；
内容+=''；
});
$（'#ex table'）。追加（内容）；
}
});

这仍然没有返回任何值吗？它只返回我的表格标题文本值。