如何在Firebase上添加子项,然后获取它并显示信息?

时间:2019-04-18 16:54:26

标签: javascript firebase-realtime-database

我试图了解Firebase,并且我一直在阅读无用的文档并在此处查看,但似乎没有一个帮助我了解从Firebase添加和显示的基础知识。我正在尝试向销售人员添加一个“孩子”,其中包含所售汽车的名称和数量,以便我可以检索它们并将其显示在桌子上。

var salespersonRef = database.ref('Salespersons');

  $("#add-user").on("click", function(event) {
    event.preventDefault();

    name = $("#name-input").val().trim();
    cars_sold = $("#cars_sold-input").val().trim();

    salespersonRef.child({
      name: name,
      cars_sold: cars_sold,
    });


 salespersonRef.on("value", function(snapshot) {

    // Log everything that's coming out of snapshot
    console.log(snapshot.val());
    console.log(snapshot.val().name);
    console.log(snapshot.val().cars_sold);
    // Change the HTML to reflect
    $("#name-display").text(snapshot.val().name);
    $("#cars_sold-display").text(snapshot.val().cars_sold);

这就是我目前要添加和显示的内容。它的确显示了当前添加的内容,但是它覆盖了我添加的所有内容,并且没有让另一个孩子出现

1 个答案:

答案 0 :(得分:0)

此代码不执行任何操作:

salespersonRef.child({
  name: name,
  cars_sold: cars_sold,
});

如果您要在salespersonRef下添加一个新的孩子,则应该是:

salespersonRef.push({
  name: name,
  cars_sold: cars_sold,
});

每次push()都会在该引用下生成一个新的唯一位置。