2016-09-27 87 views
0

我在尝试向Firebase添加数据时遇到问题。无视vars我不使用,因为我正在尝试不同的事情,并评论了目前我没有使用的东西。未保存到数据库的Firebase数据

但从本质上讲,我想要做的就是保存这些数据火力地堡如下:

  1. 用户输入自己的姓名和年龄的输入框,然后点击提交。
  2. 一旦他/她点击提交,功能addFB()运行,理想情况下会创建一个名为users的子项,然后在userName(输入框中输入用户名)中新建一个新子项,然后存储他的名字和年龄在那个孩子。

然而,没有什么会从这个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 = ''; 
} 
+1

使用最新版本的 '火力点' 库。 https://firebase.google.com/docs/ –

+0

我有参考火力地堡SDK,一切都被初始化那里 -

+0

所以这真的没有帮助。任何其他建议? –

回答

1

* rootRef =新火力地堡(的 'https://********.firebaseio.com'); *

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

只需检查下面的代码。这会帮助你。

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

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

@Taras正在使用旧版的Firebase SDK,并且您指的是Firebase SDK 3.0(新的Firebase)。塔拉斯感到困惑。他遵循较老的教程。 – devprashant

+0

这是旧的方法?我没有意识到我正在按照老的教程... –

+0

另外,我只是试图是你有,并没有工作。 –

0

这是怎么回事?

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 = ''; 
 
}