Firebase 和 JavaScript：在不重新加载网站的情况下从实时数据库更新网站上获取的数据

Question

我想将网站部署到 Firebase。该网站必须从 firebase 数据库中获取数据。 如果数据库中的值已更新，我希望在不重新加载页面的情况下自动更新网站上获取的数据。

你有没有想法，如何在后台自动更新firebase网站上的数据？ 如果您有任何建议，请告诉我。

Answer 1

这个问题有点含糊，但您将调用数据库并监听 firebase 中数据的变化。如果数据发生变化，下面的方法将重新运行。

//Get a database reference    
var exampleRef = firebase.database().ref().child("the_data_to_listen_to");

//.on() will call the data from the database and will listen for changes.
exampleRef.on("value", function(snapshot){
    //Update the data in the UI here.
    document.getElementById("my_div").innerText = snapshot.val();
});

现在每次数据库中的数据更改时，它都会通过获取 ID 为“my_div”的 div 并插入快照的值来更新 UI数据库。您可以创建更复杂的结果、构建表格、更新图表等，但原理是相同的。