【问题标题】:Retrieving JSON data from realtime database (firebase) showing nothing从实时数据库(firebase)中检索 JSON 数据,显示什么
【发布时间】:2019-05-23 01:19:34
【问题描述】:

我有一个使用 json 数据的网络应用程序,但我想使用 firebase 实时数据库,已经实现但什么也没显示:

    var response = await fetch("laurel.json");
    var arr = await response.json();
    var laurel= arr[1];

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

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

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

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

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

          });

我已经改变了这样的获取方式:

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

我还将我的 json 数据放入实时数据库和规则中:

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

仍然什么也没显示...有什么想法吗?

【问题讨论】:

  • 你能上传你的完整代码吗?
  • @Pyae Phyoe Shein 实时数据库中只有 json : [{ "Jennifer": 45, "Peter": 89, "Justin": 35, "Alex": 25 }, { "Jennifer “:75,“彼得”:59,“贾斯汀”:85,“亚历克斯”:95 },{“詹妮弗”:55,“彼得”:15,“贾斯汀”:45,“亚历克斯”:67 }]
  • @Pyae Phyoe Shein 在没有实时数据库的情况下工作正常,但我的观点是使用实时数据库
  • 这里有人知道吗?
  • showing nothing 到底是什么意思? arr 是空的还是 fetch 或该代码的任何其他部分是否因错误而失败? (我在您的代码中没有看到任何错误处理)

标签: javascript html json firebase firebase-realtime-database


【解决方案1】:

我找到了解决办法。

项目文件夹后应该有一个节点。如果你的项目叫做my-project,你的实时json结构会是这样的

之后,您可以按如下方式浏览您的 Firebase 实时数据,https://hn-firebase-47370.firebaseio.com/person.json

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

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

【讨论】:

  • 你能不能在我的代码中实现子级节点,不能让它工作,只是想知道是否有问题
  • 您不需要在代码中做任何事情,问题是您的 firebase 实时数据库表单。是手动添加的还是动态添加的?
  • 我导入了json数据
  • @walee 给你:youtube.com/watch?v=itgTPTC2bEY,别忘了标记为正确答案并点赞。 :)
猜你喜欢
  • 1970-01-01
  • 2019-04-16
  • 2020-12-09
  • 2021-02-06
  • 2017-10-06
  • 1970-01-01
  • 2018-09-11
  • 2019-02-04
  • 2019-05-30
相关资源
最近更新 更多