Firebase数据无法使用数据表

时间:2017-03-18 07:17:54

标签: html json firebase datatables

我正在尝试检索firebase数据,然后使用以下代码插入表中。 enter image description here

我的输出页面: enter image description here 但是我的表只显示了网页上我的“JSON”文件中的随机密钥。日志显示了密钥和数据。如何将随机密钥及其数据放在表中?

这是我的错误消息

DataTables警告:table id = example - 第0行请求的未知参数“1”。

$(document).ready(function()
 {
  var rootRef=firebase.database().ref().child("Orders/")
  var table = $('#example').DataTable();

rootRef.on("child_added",snap =>
  {
  var dataSet = [snap.key, snap.val().Nombre];
  table.rows.add([dataSet]).draw();
        console.log(snap.key);
        console.log(snap.val());

});
});

3 个答案:

答案 0 :(得分:1)

在var数据集上

添加要放在数据表上的firebase中的所有数据,它可以正常工作

rootRef.on("child_added", snap => {
     var dataSet = [snap.child("name").val(), snap.child("email").val(), snap.child("blood").val(), snap.child("Phone").val(), snap.child("Location").val()];
table.rows.add([dataSet]).draw();

答案 1 :(得分:0)

变化:

var dataSet = [snap.key, snap.val().Nombre];

要:

var dataset = [snap.child("name").val(), snap.val().Nombre];

答案 2 :(得分:0)

var rootRef = firebase.database().ref().child("Topics");
    rootRef.on("child_added", snap => {

        var topic_name = snap.child("topic_name").val();
        var uid = snap.child("topic_id").val();
        var downloadURL = snap.child("downloadURL").val();

        $("#tableHeading").append("<tr><td>"+ uid +"</td><td>"+ topic_name +"</td><td><img src='"+downloadURL +"' height='80px' width='80px'/></td><td><button>action</button></td></tr>");
    });