我是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>
2 回答
首先纠正脚本中的错误 . 在jquery中编写#demo而不是demo . 希望这会对你有所帮助
如果删除两个主要错误,您的代码将起作用 .
未使用上一个答案中提到的正确选择器 . 如果您使用ID或类选择器,$('#demo')或$('.demo')将起作用 .
唐't make a variable called '结束' . End是Javascript中的保留字 .
但是,这里是不使用变量的重写:
目前还不清楚你是否打算使用ES2015或ES5 . 这可能会导致兼容性问题,具体取决于代码运行的位置,但尝试不混合它们 .
这是我见过的最好的Javascript风格指南:
AirBnB ES5 Style Guide
AirBnB ES2015 Style Guide