Question

我有一个使用json数据的Web应用程序，但我想使用Firebase实时数据库，已实现但未显示任何内容：

document.addEventListener("DOMContentLoaded", async function(event) {
    var response = await fetch("person.json");
    var arr = await response.json();
    var personparsed = arr[1];

            var dflt = {
              min: 0,
              max: 100,
           //   donut: true,
              gaugeWidthScale: 1.1,
              counter: true,
              hideInnerShadow: true
            }

            var ee1 = new r({
              id: 'ee1',
              value: personparsed['Jennifer'],
              title: 'Jennifer ',
              defaults: dflt
            });

            var ee2 = new r({
              id: 'ee2',
              value: personparsed['Peter'],
              title: 'Peter',
              defaults: dflt
            });

                var ee3 = new r({
              id: 'ee3',
              value: personparsed['Justin'],
              title: 'Justin',
              defaults: dflt
            });

                var ee4 = new r({
              id: 'ee4',
              value: personparsed['Alex'],
              title: 'Alex',
              defaults: dflt
            });

          });

我已经更改了这种获取方式：

var response = await fetch("https://**********.firebaseio.com/person.json);

而且我也将json数据放入实时数据库和规则中：

{
    "rules": {
    "person": {
           ".read": true
        }
    }
}

仍然什么也没显示……有什么主意吗？

Answer 1

我找到了解决方法。

项目文件夹后应该有一个节点。如果您的项目名为my-project，则您的实时json结构将类似于

此后，您可以按照https://hn-firebase-47370.firebaseio.com/person.json的方式浏览Firebase实时数据。

主要问题是您忘记/错过了为数据结构添加子级节点的操作。

示例在这里：https://repl.it/@PyaePhyoe/TiredNervousMouse

从实时数据库（firebase）检索JSON数据无显示

1 个答案: