Я хочу получить данные из firebase в текстовое поле HTML, а затем обновить данные в firebase

Question

Я хочу получить данные из firebase в текстовое поле HTML, а затем обновить данные в firebase

1

У меня есть 2 вопроса.

Мне удалось получить данные из firebase в таблицу HTML, но не могу понять, как помещать эти данные в форму html, в основном такую же форму, какую я использовал для создания данных в первую очередь, вносить изменения, а затем обновлять данные через форму в firebase.
В настоящее время я извлекаю данные с помощью child_added в таблицу HTML, он отлично работает и показывает новую строку в таблице, но когда я использую child_changed, то происходит предыдущие данные (строка) и создается новая строка, чтобы показать изменения, как я могу показать изменения в той же строке, что и в firebase.

Благодарю вас

Код для отображения добавленных данных:

var registration = firebase.database().ref("REGISTRATION");

var dataRef = firebase.database().ref("REGISTRATION");

dataRef.on("child_added", function(data) {
    var rData = data.val();
$("#reData").append("<tr><td>" + rData.email + "</td><td>" + rData.name + "</td><td>" + rData.gender + "</td><td>" + rData.birthdate + "</td><td>" + rData.phone + "</td><td>" + rData.state + "</td><td>" + rData.school + "</td><td>" + rData.class + "</td><td>" + rData.classname + "</td></tr>");
});

Код для отображения обновленных данных в формате HTML:

var upData = firebase.database().ref("REGISTRATION");

upData.on("child_changed", function(data) {
    var rData = data.val();
$("#reData").append = ("<tr><td>" + rData.email + "</td><td>" + rData.name + "</td><td>" + rData.gender + "</td><td>" + rData.birthdate + "</td><td>" + rData.phone + "</td><td>" + rData.state + "</td><td>" + rData.school + "</td><td>" + rData.class + "</td><td>" + rData.classname + "</td></tr>");
});

Huud Rych 19 сен. 2017, в 10:27

Источник

0

Можешь показать свой рабочий пример?
MuruGan 19 сен. 2017, в 08:52
0

На скриншоте или как?
Huud Rych 19 сен. 2017, в 08:53
0

поместите свой код в jsfiddle и обновите этот вопрос по ссылке, чтобы я мог помочь вам.
MuruGan 19 сен. 2017, в 08:55
0

Я получаю ошибки в скрипте, когда запускаю код: {"error": "Форма оболочки не проверяет {'html_initial_name': u'initial-js_lib ',' form ': <mooshell.forms.ShellForm объект в 0x50a7c90> , 'html_name': 'js_lib', 'html_initial_id': u'initial-id_js_lib ',' label ': u'Js lib', 'field': <django.forms.models.ModelChoiceField объект в 0x5246ad0>, 'help_text> : '', 'name': 'js_lib'} {'html_initial_name': u'initial-js_wrap ',' form ': <mooshell.forms.ShellForm объект в 0x50a7c90>,' html_name ':' js_wrap ',' html_initial_id ' : u'initial-id_js_wrap ',' label ': u'Js wrap', 'field': ....
Huud Rych 19 сен. 2017, в 09:09
0

правильно ли обновлены ваши данные с внесенными вами изменениями?
MuruGan 19 сен. 2017, в 09:12
0

Не через Fiddle, в противном случае он работает нормально, я могу добавить данные из моей формы в Firebase, я могу также извлечь, но только в таблицу HTML ...
Huud Rych 19 сен. 2017, в 09:22

Показать ещё 4 комментария

Теги:

javascript

firebase

firebase-realtime-database

1 ответ

Ещё вопросы

Можешь показать свой рабочий пример?
поместите свой код в jsfiddle и обновите этот вопрос по ссылке, чтобы я мог помочь вам.
Я получаю ошибки в скрипте, когда запускаю код: {"error": "Форма оболочки не проверяет {'html_initial_name': u'initial-js_lib ',' form ': <mooshell.forms.ShellForm объект в 0x50a7c90> , 'html_name': 'js_lib', 'html_initial_id': u'initial-id_js_lib ',' label ': u'Js lib', 'field': <django.forms.models.ModelChoiceField объект в 0x5246ad0>, 'help_text> : '', 'name': 'js_lib'} {'html_initial_name': u'initial-js_wrap ',' form ': <mooshell.forms.ShellForm объект в 0x50a7c90>,' html_name ':' js_wrap ',' html_initial_id ' : u'initial-id_js_wrap ',' label ': u'Js wrap', 'field': ....
правильно ли обновлены ваши данные с внесенными вами изменениями?
Не через Fiddle, в противном случае он работает нормально, я могу добавить данные из моей формы в Firebase, я могу также извлечь, но только в таблицу HTML ...

MuruGan · Accepted Answer · 2017-09-19T08-49-00.000Z

Huud Rych, я создал для вас jsfiddle. В скрипте данные будут добавлены в таблицу из firebase при нажатии на редактирование, я использовал jquery, вы также можете попробовать. Данные добавлены к форме. при нажатии кнопки обновления данные будут обновляться, и таблица будет обновлена. Пример JS Fiddle

for (var key in data){
           data[key].key=key;// here I am pushing the key from the firebase into the array, so we can use it while updating the data. See in the Js fiddle
           dataArray.push(data[key]);
        };

Большое вам спасибо, очень ценю ваши усилия ..
Конечно, но это говорит об этом: Спасибо за отзыв! Голоса, отданные теми, у кого репутация менее 15, записываются, но не изменяют общедоступный счет.
О хорошо Когда вы получите пятнадцать репутаций, будьте добры, поддержите мой ответ.
Никакого упоминания. Я просто поделился своими знаниями.
Извините за беспокойство снова, я отредактировал ваш код и попытался использовать его для моего случая, он работает нормально, но не обновляется, так как показывает ошибку в консоли: Ошибка: Reference.child fail: Первый аргумент был неверным путем = "". Пути должны быть непустыми строками и не должны содержать ".", "#", "$", "[" Или "]" firebase.js: 324: 31719
загрузите новый вопрос и покажите мне проблему. Я тебе помогу. Я сталкивался с этими ошибками раньше
Спасибо, загрузил здесь: stackoverflow.com/review/suggested-edits/17389723 / html и js файл загружен здесь: www114.zippyshare.com/v/NHES6Zyf/file.html