如何使用 JavaScript 为每个对象从 firebase JSON 检索数据

Question

这是我的 JSON 和代码，它只提供数组但不提供值。因为我使用 push 它从中生成唯一 ID，但我没有得到。存储在该 id 中的所有值。

{
  "nitin" : [ {
    "mobile" : {
      "-K7GalDi5aAahDENCRi" : {
        "name" : "file:///D:/Software%20Drive/addItem.html?category=mobile",
        "price" : 345,
        "quantity" : 34
      }
    },
    "perfume" : {
      "-K7K7HSu4rQNwbH3ud0H" : {
        "name" : file:///D:/Software%20Drive/addItem.html?category=perfume",
        "price" : 1000,
        "quantity" : 20
      }
    }
  }]
}

这是我的代码

  fbref.on("value", function(snapshot) {
      var newPost = snapshot.val();
      console.log(newPost);
      fbref.on("child_added", function(newPost,pre){
          newchild=newPost.val();
          console.log(newchild); 
          var n=newPost.key();
          console.log("this is key"+n);
          console.log("Name"+newchild.name);
          console.log("Price"+newchild.price);
          console.log("Quantity"+newchild.quantity);
      });  
  });

Answer 1

child_added 事件将在您正在查询的位置直接添加子节点时触发。

因此，如果您正在查询所显示的 JSON 的根，child_added 将为 nitin 触发。然后，如果我们添加puf，child_added 也会为此触发。

{
  "nitin" : [ {
    ...
  }],
  "puf": [ {
    ...
  }],
}

如果您想为 mobile 或 perfume 内的项目接收 child_added，则需要在这些项目的父节点上附加 child_added：

fbref.child('nitin').child(0).child('mobile').on('child_added'...

或者：

fbref.child('nitin/0/mobile').on('child_added'...

请参阅 this jsbin 了解此工作示例。