Как получить данные из Firebase в Интернет, не используя эту кнопку получить? - PullRequest
0 голосов
/ 09 марта 2020

Итак, в этом коде мне нужно указать идентификатор, чтобы получить оставшиеся данные из таблицы. Но мне нужно получать эти данные построчно, без использования каких-либо кнопок. Я имею в виду, что я хочу показать все данные во всех таблицах без использования кнопки get.

как это согласно моей базе данных Firebase

firebase database

  1. имя = sadsad, пароль = qwer, телефон = 213213, имя пользователя = 544
  2. имя = лакшан, пароль = qwe, телефон = 0715690431, имя пользователя = 78788787
  3. имя = Пакайя, пароль = 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 Ответ

0 голосов
/ 09 марта 2020

Если я правильно понимаю ваш вопрос, вы не знаете, как позвонить на getdata() без физического нажатия кнопки.

В тегах <script> или в файле script.js просто добавьте document.addEventListener('DOMContentLoaded', getdata).

Это вызовет getdata после загрузки содержимого документа.

Обратите внимание, что все еще может быть слишком рано получать данные, если, например, вам нужно подождать, пока пользователь войдет в систему, и в этом случае я предлагаю поискать документацию authStateChanged слушатель. (Это единственная часть этого ответа, указывающая c на Firebase - в противном случае это просто JS / HTML вопрос.)

Наконец, в качестве общего замечания, рекомендуется не ставить ваш JS встроен в ваш HTML, но вместо этого в прослушивателе событий, как описано выше.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...