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

时间:2017-07-15 14:59:24

标签: javascript firebase firebase-realtime-database firebase-storage

在我的网站中,我在用户提供数据库名称后显示我的数据库,是否有任何方法可以在不刷新页面的情况下不断更新显示的数据库库。我尝试过使用setInterval,但由于某些原因它无法使用。

function c(){

setInterval(beta,1000); }

function 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")。追加("" +插槽+"" +分配+"" +日期+"&#34 + +限制"&#34 +时间+"空&#34);     });

}

1 个答案:

答案 0 :(得分:1)

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

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

您需要确保已拨打beta()一次以设置此触发器。

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