如何在不使用此获取按钮的情况下将数据从 firebase 检索到网络？

Question

因此，在此代码中，我需要放置 ID 以从表中获取其余数据。 但是我需要在不使用任何按钮的情况下逐行获取这些数据。 我的意思是我想在不使用 get 按钮的情况下显示所有表中的所有数据。

根据我的firebase数据库是这样的

姓名 = sadsad，密码 = qwer，电话 = 213213，用户名 = 544
姓名 = lakshan，密码 = qwe，电话 = 0715690431，用户名 = 78788787
姓名 = Pakaya，密码 = 258，电话 = 08454554，用户名 = 258963258963

Html 和 JS 代码

 function getdata() { var user=document.getElementById("Admins").value; //firebase data retrieval function //path of your data //.once will get all your data in one time firebase.database().ref('Admins/'+user).once('value').then(function (snapshot) { //here we will get data //enter your field name var name=snapshot.val().name; var phone=snapshot.val().phone; var password=snapshot.val().password; //now we have data in variables //now show them in our html document.getElementById("name").innerHTML=name; document.getElementById("phone").innerHTML=phone; document.getElementById("password").innerHTML=password; }) }

 <html> <head> <title>Retrieve data</title> </head> <body> <center> <h2>Enter name of user to get information</h2> <input type="text" id="Admins" required="required"><br> <button type="button" onclick="getdata();">Get</button> </center> <center> <p>Name: <strong id="name"></strong></p> <p>Phone Number: <strong id="phone"></strong></p> <p>Password: <strong id="password"></strong></p> </center>

Answer 1

如果我正确理解您的问题，您不确定如何在不实际单击按钮的情况下调用getdata() 。

在您的<script>标签或script.js文件中，只需添加document.addEventListener('DOMContentLoaded', getdata) 。

一旦加载了文档内容，这将调用getdata 。

请注意，这对于获取数据可能还为时过早，例如，如果您需要等待用户登录，在这种情况下，我建议查找authStateChanged侦听器的文档。 （这是 Firebase 特定答案的唯一部分——否则它只是一个 JS/HTML 问题。）

最后，作为一般说明，最好的做法是不要将 JS 与 HTML 内联，而是将其置于事件侦听器中，如上所述。

如何在不使用此获取按钮的情况下将数据从 firebase 检索到网络？

问题描述

1 个解决方案

解决方案1
0 2020-03-09 15:31:52

如何在不使用此获取按钮的情况下将数据从 firebase 检索到网络？

问题描述

1 个解决方案

解决方案1 0 2020-03-09 15:31:52

解决方案1
0 2020-03-09 15:31:52