我想从 Firebase 检索数据到 HTML 文本框中，然后更新 Firebase 中的数据答案

【问题标题】：I want to retrieve data from Firebase into an HTML textbox, then update the data in Firebase我想从 Firebase 检索数据到 HTML 文本框中，然后更新 Firebase 中的数据
【发布时间】：2017-09-19 07:31:22
【问题描述】：

我有 2 个问题。

我已设法将 Firebase 中的数据检索到 HTML 表中，但不明白如何将该数据放入 HTML 表单中，基本上与我最初用于创建数据的表单相同，请进行更改然后通过 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>");
});

【问题讨论】：

你能展示你的工作示例吗？
在屏幕截图中还是如何？
将您的代码放入 jsfiddle 并使用链接更新此问题，以便我可以帮助您。
运行代码时出现错误：{"error": "Shell form does not validate{'html_initial_name': u'initial-js_lib', 'form': , 'html_name': 'js_lib', 'html_initial_id': u'initial-id_js_lib', 'label': u'Js lib', 'field': , 'help_text': '', 'name': 'js_lib'}{'html_initial_name': u'initial-js_wrap', 'form': , 'html_name' : 'js_wrap', 'html_initial_id': u'initial-id_js_wrap', 'label': u'Js wrap', 'field':....
您所做的更改是否正确更新了您的数据？

标签： javascript firebase firebase-realtime-database

【解决方案1】：

Huud Rych，我为你创建了一个 jsfiddle。在fiddle中点击编辑时数据会从firebase追加到表中，我用过jquery，你也可以试试。附加到表单的数据。当按下更新按钮时，数据将被更新并且表格将被刷新。 Sample 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 人的投票将被记录，但不会更改公开显示的帖子得分。
哦，好的。当您获得 15 个声望时，请为我的回答投票。
没有提及。我只是分享了我的知识。
抱歉再次打扰，我编辑了您的代码并尝试将它用于我的案例，它工作正常但没有更新，因为它在控制台中显示错误：错误：Reference.child 失败：第一个参数是无效路径 = ""。路径必须是非空字符串，并且不能包含“.”、“#”、“$”、“[”或“]” firebase.js:324:31719
上传新问题并向我展示问题。我会帮你。我之前遇到过这些错误