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

Question

关闭。 这个问题需要细节或清晰。 它目前不接受答案。

---

想改进这个问题？ 通过编辑此帖子添加详细信息并澄清问题。

6 个月前关闭。

改进这个问题

我想将网站部署到 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。 您可以创建更复杂的结果、构建表格、更新图表等，但原理是相同的。