Изменение отображаемого значения из базы данных на веб-сайте - PullRequest
Новая
       9

Изменение отображаемого значения из базы данных на веб-сайте

0 голосов
/ 09 апреля 2020

У меня есть Arduino с датчиком (акселератор), который отправляет одно значение в мою БД. это значение увеличивается на 1 с движениями.

Мне удалось отобразить это значение в моем журнале консоли. но он не обновляется при увеличении. У меня действительно была функция, которая делала это, но для этого требовалось взаимодействие с пользователем на стороне клиента.

Я хочу знать, возможно ли так или иначе изменить это значение на веб-мусоре, когда это происходит в БД ?

Вот мой код:

Javascript: 

//gets the value from the DB and displays it on my webpage
firebase.database().ref('Reps').once('value').then (function(snapshot){
    WemosGet = snapshot.val().Value;
    document.getElementById("progressList").innerHTML=WemosGet;
    console.log(WemosGet);

})

HTML: 

<p>Repetitions left: <br><strong id="progressList"></strong></p></strong></p>

То, что я пробовал ранее, с с пользовательским действием: 

output.innerHTML = slider.value
    update=()=>{
        output.innerHTML = slider.value; 
        // Display the default slider value
        console.log(slider.value)
        setAmount = slider.value;
    }

// Update the current slider value (each time you drag the slider handle)
slider.addEventListener('input', update);

Итак, я хочу обновить его, когда, например, EventListener обнаруживает, что значение было изменено (увеличено). Будет ли это работать аналогичным образом? Что будет лучшим подходом для этого? IM в убыток.

Ответы [ 2 ]

1 голос
/ 09 апреля 2020

Используйте on('value') вместо once('value'), чтобы присоединить слушателя к запросу, чтобы он вызывался каждый раз, когда в этом запросе происходит изменение данных. once() просто выбирает данные один раз. Я предлагаю прочитать документацию , чтобы понять, как это работает.

0 голосов
/ 09 апреля 2020

Вы можете использовать AJAX с временным интервалом для запроса базы данных (или обмена сообщениями Websocket для обновления страницы, для реализации которой требуется больше ресурсов).

...