javascript - 从 Firebase 解析 JSON 对象并使用键值对生成内容

Question

我已经使用 Firebase 设置了一个数据库，并使用 JSON 信息填充了该数据库。我有直接取自 Firebase 文档的代码，它可以拍摄我的数据快照并实时更新。这非常适合我的需要，但我还需要访问 JSON 中的值来生成与此类似的内容列表:

var JSONStuff = json info on database
for (every array in the JSON)
{
  //MAKE THINGS
} 

我通常使用 PHP 脚本和 SQL 数据库来执行此操作，但我是第一次使用 Firebase，我不确定我做错了什么。这是我到目前为止所拥有的。

JavaScript:

var display = document.getElementById("resultsDisplay");
var dbRef = firebase.database().ref().child("workouts");
// Sync with Firebase in real time.
dbRef.on("value", snap =>
{
  //display.innerHTML = JSON.stringify(snap.val(), null, 3); This correctly prints my JSON.
  JSON.stringify(snap.val(), null, 3);
});

JSON.parse(dbRef) //Trying to parse the JSON and do things with it.
{
  for (var i = 0, len = dbRef.length; i < len; i++)
  {
    display.innerHTML = 'Routine: ' + dbRef.title + ' Exercises: ' + dbRef.name + '.';
  }
};

HTML:

<div id="resultsDisplay">boo</div>

控制台给了我“Uncaught SyntaxError: Unexpected token h in JSON”错误，我知道这意味着我的解析器在某处有双引号，但正如你所看到的，我没有在函数中使用它们。

我是一个菜鸟，因此可能会做一些完全愚蠢的事情，但任何帮助将不胜感激。

Answer 1

当前，您正在尝试解析数据库引用 dbRef，而不是数据本身。

尝试这样做:

var display = document.getElementById("resultsDisplay");
var dbRef = firebase.database().ref().child("workouts");

// Sync with Firebase in real time.
dbRef.on("value", snap => {
  var workoutsJSON = JSON.stringify(snap.val(), null, 3);

  JSON.parse(workoutsJSON) {
    for (var i = 0, len = dbRef.length; i < len; i++) {
      display.innerHTML = 'Routine: ' + dbRef.title + ' Exercises: ' + dbRef.name + '.';
    }
  };
});

只是给你一个想法。