2016-09-27 69 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 = ''; 
 
}