Запрос firebase не может получить данные

Я пытаюсь запросить базу данных firebase и ожидаю несколько выходов

JSON-файл:

 [ {
  "NAME" : "R",
  "No" : "5"
}, {
  "NAME" : "R",
  "No" : "8"
}, {
  "NAME" : "C",
  "No" : "12"
}, {
  "NAME" : "D",
  "No" : "15"
}, {
  "NAME" : "E",
  "No" : "19"
}, {
  "NAME" : "P",
  "No" : "22"
} ]

Я ожидаю, что когда я запрашиваю ИМЯ «R», я должен получить «5» «8».. этот мой JS-код. Я всегда получаю только 1 вывод из «5».

Ниже приведен код. С этим все в порядке?

function getdetails_SITEINFO() {
  // body...

var input = document.getElementById("site_id").value;
var input_final = input.toUpperCase();

//var database_SITEINFO = firebase.database("https://swite-76bd2.firebaseio.com");



var ref = firebase.database().ref('/').orderByChild("NAME").equalTo(input_final)
ref.on("child_added", function(snapshot)
{


var obj = JSON.stringify(snapshot.val());
var str = obj.replace (/"/g ,"").replace (/:/g, " <==> ").replace (/{/g, "").replace(/}/g, "").replace(/,/g, "\n").replace(/]/g, "");
document.getElementById("output").innerHTML =  str ;

},);
}

Я думаю, что, поскольку вы устанавливаете innerHTML, вы видите только конечное значение, отображаемое на экране.... и что child_added на самом деле срабатывает дважды, как вы и ожидали - вы просто не видите, как это происходит. Добавьте console.info(snapshot.val()) перед вашим заданием var obj = JSON..., и я подозреваю, что вы увидите два журнала консоли, по одному с каждым значением.

JeremyW 21.03.2019 13:42

@JeremyW, вы правы в console.info, я получаю каждое значение ... как мне исправить это в innerHTML?

rammohan K 22.03.2019 06:10
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
31
0

Другие вопросы по теме