从Firebase数据库检索数据

Question

我对Firebase完全陌生，我已经将数据保存在Firebase数据库中，但是我无法检索它并将其显示在表中。 我的代码如下。 任何帮助将不胜感激。

这是firebase数据库的图像：

使用Javascript：

/*jslint plusplus: true*/
var rootRef = firebase.database().ref().child("users");

rootRef.on("child_added", snap => {

var medname = snap.child("MedName").val();
var end = snap.child("End").val();
var start = snap.child("Start").val();
var type = snap.child("Type").val();
var Description = snap.child("description").val();

$("demo").append("<tr><td>" + medname + "</td><td>" + end + 
                        "</td><td>" + start + "</td><td>" + type + 
                        "</td><td>" + Description + 
                        "</td><td><button>Remove</button></td></tr>");


}

HTML：

<!-------------------------------------- Table -------------------------------------------->
        <table>
            <thead>
                <tr>
                    <td>MedName</td>
                    <td>End</td>
                    <td>Start</td>
                    <td>Type</td>
                    <td>Description</td>
                </tr>
            </thead>
            <tbody id=demo>

            </tbody>
    </table> 

Answer 1

首先更正脚本中的错误。 在jquery中编写#demo而不是demo。 希望这会完全帮助您

Answer 2

如果删除两个主要错误，您的代码将起作用。

1. 没有使用上一个答案中提到的正确选择器。 如果您使用ID或类选择器，则$（'＃demo'）或$（'。demo'）可以使用。
2. 不要创建一个名为“ end”的变量。 End是Javascript中的保留字。

但是，这是不使用变量的重写：

var rootRef = firebase.database().ref().child('users');

rootRef.on("child_added", function (userRecord) {

  var user = userRecord.val();
  var row = $('<tr></tr>');

  row.append('<td>' + user.MedName + '</td>');
  row.append('<td>' + user.Start + '</td>');
  row.append('<td>' + user.Type + '</td>');
  row.append('<td>' + user.description + '</td>');
  row.append('<td><button>Remove</button></td>');

  $('#demo').append(row);

});

同样也不清楚您打算使用ES2015还是ES5。 这可能会导致兼容性问题，具体取决于代码在何处运行，但请尽量避免混淆。

这是我见过的最好的Javascript样式指南：

AirBnB ES5样式指南

AirBnB ES2015样式指南