javascript - 如何在 Web 应用程序中使用 Firebase 实时数据库

Question

在我的网站中，我在用户给出数据库名称后显示我的数据库，有什么方法可以不断更新网络显示的数据库而不刷新页面。我尝试过使用 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+""+分配+""+date+""+limit+""+time+"Null"); });

}

Answer 1

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

firebaseRefff.on('child_added', snap => {}) 表示“每当在此位置下添加子项时，使用参数 'snap' 触发回调函数(在我的示例中为空) ’”。最初，对于已经位于该数据库引用位置的每个子项，它也会被调用一次。

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

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