Javascript 使用Firebase将数据追加到datatable

该表显示“无可用数据”，但数据已附加到表中 [1]

这是我的

以下是我的html代码：

<div class="box box-success">
    <div class="box-header">
      <h3> Sales </h3> 
          <table id="orders" class="table table-bordered table-striped">
            <thead>
            <tr>
                <th>ID</th>
                <th>Product</th>
                <th>Price</th>
                <th>Quantity</th>
                <th>Date Ordered</th>
                <th>Date Delivered</th>
                <th>Status</th>
            </tr>
            </thead>
            <tbody id="example">   
            </tbody>
        </table>
    </div>
  </div>

销售额
身份证件
产品
价格
量
订购日期
交付日期
地位

我的javascript代码：

 $('#orders').dataTable();
 var rootRef = firebase.database().ref().child("sales/");
 rootRef.on("child_added", snap => {
     var key = snap.key;
     var product = snap.child("product").val();
     var price = snap.child("price").val();
     var quantity = snap.child("quantity").val();
     var date_ordered = snap.child("date_ordered").val();
     var date_delivered = snap.child("date_delivered").val();

     $("#example").append("<tr id='" + key + "'><td>" + key + "</td><td>" +
         product + "</td><td>" + price + "</td><td>" + quantity + "</td><td>" +
         date_ordered + "</td><td>" + date_delivered + "</td><td>" +
         "<a href = 'product_list.html' > View < /a></td > < /tr>");
 });

$（'#orders'）.dataTable（）；
var rootRef=firebase.database（）.ref（）.child（“sales/”）；
rootRef.on（“添加的子对象”，snap=>{
var key=snap.key；
var product=snap.child（“产品”）.val（）；
var price=snap.child（“price”）.val（）；
var数量=snap.child（“数量”）.val（）；
var date_ordered=snap.child（“date_ordered”）.val（）；
var date_delivered=snap.child（“date_delivered”）.val（）；
$（“#示例”）.append（“+key+”）+
产品+“”+价格+“”+数量+“”+
订购日期+“”+交货日期+“”+
“查看””；
});

---

有人能帮我吗？请（

我对你的代码有一点改进，你可以在下面查看。我认为你应该在使用

dataTable

插件之前，先让它与原始HTML表一起工作。我不知道你在使用哪个dataTable插件，但可能你没有可用的数据，因为在你初始化插件时，你的表是空的

var rootRef = firebase.database().ref().child("sales/");
rootRef.on("child_added", snap => {
     var row = snap.val();
     var key = snap.key;
     var product = row.product;
     var price = row.price;
     var quantity = row.quantity;
     var date_ordered = row.date_ordered;
     var date_delivered = row.date_delivered;

     $("#example").append("<tr id='" + key + "'><td>" + key + "</td><td>" +
         product + "</td><td>" + price + "</td><td>" + quantity + "</td><td>" +
         date_ordered + "</td><td>" + date_delivered + "</td><td>" +
         "<a href = 'product_list.html' > View < /a></td > < /tr>");
 });

var rootRef=firebase.database（）.ref（）.child（“sales/”）；
rootRef.on（“添加的子对象”，snap=>{
var row=snap.val（）；
var key=snap.key；
var产品=行产品；
var价格=行价格；
变量数量=行数量；
var date_ordered=row.date_ordered；
var date_delivered=row.date_delivered；
$（“#示例”）.append（“+key+”）+
产品+“”+价格+“”+数量+“”+
订购日期+“”+交货日期+“”+
“查看””；
});

能否添加数据库的导出（JSON）以查看其结构？我不知道如何在此处添加JSON文件huhu：（在Firebase控制台的数据库部分的左上角，您会发现一个三点按钮-->单击导出JSON即可编辑您的问题并将其添加到其中。您不需要添加整个JSON（如果太长），只是显示数据结构的一个有意义的部分。发布完毕，谢谢。我使用了您的代码，但它仍然显示“没有可用数据”，但感谢您的响应和帮助，也许我可以尝试像您所说的那样将其附加到其他html表中。