如何解决从Firebase实时数据库中删除数据并更新JavaScript中的应用程序
我想通过单击JavaScript中的按钮从Firebase实时数据库中删除一个项目。我直接从前端数据库中获取数据。当我单击“删除”按钮时,应从数据库和前端中删除相应的对象。我尝试了一些逻辑功能,并从数据库中删除了某个元素,但是我的HTML页面没有更新。
我每次都必须刷新页面。如何实时删除它?
这是我的完整代码https://jsfiddle.net/waqasumer/x1ugL5yr/
environment = "{get_env("TF_VAR_ENV","")}" /// i don't know what is good syntax for that
解决方法
是的!据我所知,您必须刷新页面以获取更新的数据。
这是因为您在事件监听器中使用的是'child_added',只有在添加新的孩子时才会触发它。
firebase.database().ref('tasks').on('child_added',function (data){})
您可以引用该变量并将值侦听器添加到您的函数中,以便每次更改子项时都检索数据。
https://firebase.google.com/docs/database/web/read-and-write#listen_for_value_events
编辑
您还可以使用set()或update()方法通过传递null来删除值。
在这种情况下,您可以具有回调函数。您可以使用此回调函数来更新DOM。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。