【问题标题】:Firebase data not working with datatablesFirebase 数据不适用于数据表
【发布时间】:2017-03-18 07:17:54
【问题描述】:

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

我的输出页面: 但我的表格只显示网页上我的“JSON”文件中的随机密钥。日志显示密钥以及数据。如何将随机密钥及其数据放入表格中?

这是我的错误信息

DataTables 警告:表 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());

});
});

【问题讨论】:

    标签: html json firebase datatables


    【解决方案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();
    

    【讨论】:

      【解决方案2】:

      变化:

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

      收件人:

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

      【讨论】:

        【解决方案3】:
        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>");
            });
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2020-03-26
          • 2021-04-04
          • 2017-05-12
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2023-03-28
          相关资源
          最近更新 更多