如何在不使用此獲取按鈕的情況下將數據從 firebase 檢索到網絡？
[英]How to Retrieve data from firebase to web without using this get button?
問題描述
因此，在此代碼中，我需要放置 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>
1 個解決方案
解決方案1
0 2020-03-09 15:31:52
如果我正確理解您的問題，您不確定如何在不實際單擊按鈕的情況下調用getdata() 。
在您的<script>標簽或script.js文件中，只需添加document.addEventListener('DOMContentLoaded', getdata) 。
一旦加載了文檔內容，這將調用getdata 。
請注意，這對於獲取數據可能還為時過早，例如，如果您需要等待用戶登錄，在這種情況下，我建議查找authStateChanged偵聽器的文檔。 （這是 Firebase 特定答案的唯一部分——否則它只是一個 JS/HTML 問題。）
最后，作為一般說明，最好的做法是不要將 JS 與 HTML 內聯，而是將其置於事件偵聽器中，如上所述。
如何使用 JavaScript 從 web 中的 firebase 檢索數據
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.