Firebase数据未保存到数据库

时间:2016-09-27 14:32:21

标签: javascript firebase firebase-realtime-database

我在尝试向Firebase添加数据时遇到问题。忽略vars我没有使用,因为我正在尝试不同的事情并且已经注释了我目前没有使用的东西。

但基本上,我想要做的是将这些数据保存到Firebase,如下所示:

  1. 用户在输入框中输入他的姓名和年龄,然后点击提交。
  2. 一旦他/她点击提交,功能addFB()就会运行,理想情况下会创建一个名为users的子项,然后在其下创建一个新输入userName的新子项(来自输入框的用户名),并将他的姓名和年龄存储在该孩子中。
  3. 然而,Firebase没有任何内容。请帮忙。提前谢谢!

    <h2>Add</h2>
    <input type=text" id="userName">
    <input type="number" id="userAge">
    <button id="btUpdateMessage" margin-bottom="20px" onclick="addFB()"> Update</button>
    &nbsp;
    <script>
    
    var lblCurrentMessage = document.getElementById('lblCurrentMessage'),
      userName = document.getElementById('userName'),
      btUpdateMessage = document.getElementById('btUpdateMessage'),
      userAge = document.getElementById('userAge'),
      rootRef = new Firebase('https://********.firebaseio.com');
    var usersRef = rootRef.child('users');
    
    function addFB() {
      usersRef.child(userName).set({
        Name: userName,
        Age: userAge
      });
      userName.value = '';
      userAge.value = '';
    }
    

2 个答案:

答案 0 :(得分:1)

* rootRef =新Firebase(&#39; https://********.firebaseio.com'); *

以上代码不正确。这是旧方法。

请检查以下代码。这对你有帮助。

function addFB() {
    var userName = document.getElementById('userName'),
        userAge = document.getElementById('userAge');

    firebase.database().ref('users/' + userName).set({
       Name: userName,
       Age: userAge
    });
}

答案 1 :(得分:0)

这个怎么样?

&#13;
&#13;
var rootRef = Firebase('https://********.firebaseio.com');
var contactsRef = rootRef .child('users');

function addFB() {
contactsRef.child(userName)
      .push({
          userName: document.getElementById('userName').value,
          userAge: document.getElementById('userAge').value
          });

  Name.value = '';
  Age.value = '';
}
&#13;
&#13;
&#13;