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

我有两个问题

我已设法将数据从Firebase检索到HTML表中，但不知道如何将数据放入HTML表单，基本上与我最初创建数据、进行更改然后通过Firebase中的表单更新数据时使用的表单相同

目前我正在使用

child\u added

将数据检索到一个HTML表中，它工作正常并在表中显示一个新行，但当我使用

child\u 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>");
});

var registration=firebase.database（）.ref（“注册”）；
var dataRef=firebase.database（）.ref（“注册”）；
dataRef.on（“添加的子对象”，函数（数据）{
var rData=data.val（）；
$（“#reData”）。追加（“+rData.email+”“+rData.name+”“+rData.gender+”“+rData.birthdate+”“+rData.phone+”“+rData.state+”“+rData.school+”“+rData.class+”“+rData.classname+”）；
});

以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>");
});

var updatea=firebase.database（）.ref（“注册”）；
updatea.on（“child_changed”，函数（数据）{
var rData=data.val（）；
$（“#reData”）.append=（“+rData.email+”+rData.name+“+rData.gender+”+rData.birthdate+“+rData.phone+”+rData.state+“+rData.school+”+rData.class+“+rData.classname+”）；
});

Huud Rych，我已经为您创建了一个JSFIDLE。在fiddle中，当单击edit时，数据将从firebase追加到表中，我已经使用了jquery，您也可以尝试一下。附加到表单的数据。按下更新按钮时，数据将被更新，表格将被刷新

---

Huud Rych，我为你创建了一个JSFIDLE。在fiddle中，当单击edit时，数据将从firebase追加到表中，我已经使用了jquery，您也可以尝试一下。附加到表单的数据。按下更新按钮时，数据将被更新，表格将被刷新

---

---

你能展示你的工作示例吗？在屏幕截图中还是如何？把你的代码放在JSFIDLE中，并用链接更新这个问题，这样我就可以帮助你了。当我运行代码时，我发现了一些错误：{“error”：“Shell表单无法验证”{'html_initial_name'：u'initial-js_lib'，'form'：，'html_name'：'js_lib'，'html_initial_id'：u'initial-id_js_lib'，'label'：u'js lib'，'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'：…您的数据是否随着所做的更改而得到了正确更新？您能否在屏幕截图中显示您的工作示例？或者如何显示？将您的代码放在jsiddle中，并用链接更新这个问题，这样我就可以了帮助你。当我运行代码时，我在fiddle中遇到了错误：{“error”：“Shell表单不验证{'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'：…您的数据是否随着您所做的更改而得到了正确更新？当然，但上面写着：感谢您的反馈！记录了那些声誉低于15的人的投票，但不要更改数据公开显示的帖子分数。哦，好的。当你获得15个声誉时，请投票给我的答案。不客气。我只是分享了我的知识。很抱歉再次麻烦，我编辑了你的代码并尝试将其用于我的案例，它工作正常，但不会更新，因为它在控制台中显示错误：错误：引用。孩子失败：第一个参数是无效路径=“”.路径必须是非空字符串，并且不能包含“.”、“$”、“[”或“]”firebase.js:324:31719上传新问题并向我展示问题。我会帮助你。我以前遇到过这些错误，但它说：谢谢你的反馈！记录了声誉低于15的人的投票，但不要更改公开显示的帖子分数。哦，好的。当你获得15个声誉时，请投票给我的答案。不提及。我刚刚分享了我的知识。很抱歉再次打扰您，我编辑了您的代码并尝试将其用于我的案例，它工作正常，但不会更新，因为它在控制台中显示错误：错误：引用。孩子失败：第一个参数是无效路径“”。路径必须是非空字符串，并且不能包含“.”、“$”、“[”或“]”firebase.js:324:31719上传新问题并向我展示问题。我会帮助你。我以前遇到过这些错误

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]);
        };