如何将 Firebase 实时数据库用于 Web 应用程序答案

【问题标题】：How to use the Firebase real time database for web application如何将 Firebase 实时数据库用于 Web 应用程序
【发布时间】：2017-12-20 12:50:30
【问题描述】：

在我的网站中，用户给出数据库名称后，我正在显示我的数据库，有什么方法可以在不刷新页面的情况下不断更新 web 显示的数据库。我试过使用 setInterval 但由于某种原因它不起作用。

函数 c(){

setInterval(beta, 1000); }

函数 beta(){

var d = document.getElementById("opopo").value;

var firebaseRefff= firebase.database().ref('LOCATION/'+d);

firebaseRefff.on('child_added', snap=> {

var slot=snap.getKey();

var alloted=snap.child("ALLOTED").val();

var date=snap.child("DATE").val();

var limit=snap.child("LIMIT").val();

var time=snap.child("TIME").val();

$("table tbody").append(""+slot+""+alloted+""+date+""+limit+""+time+"Null"); });

}

【问题讨论】：

【解决方案1】：

您不需要也不应该使用setInterval 来触发查询。您在 beta() 函数中的内容看起来很不错。

firebaseRefff.on('child_added', snap => {}) 的意思是“只要在这个位置下添加一个孩子，就用参数‘snap’触发回调函数（在我的例子中是空的）”。最初，对于已经在该数据库引用位置的每个子节点，它也会被调用一次。

您需要确保您已经调用过一次beta() 来设置此触发器。

如果您仍然遇到问题，您可能需要插入日志记录以确保正在调用 beta()、完整的参考路径是什么、是否触发了回调以及您的 jquery 字符串是否正确。

【讨论】：