2017-06-16 41 views
0

我正在嘗試學習Firebase。但我無法將我的輸入保存到Firebase數據庫,因爲即使添加了我所知的所有必需腳本,它仍未初始化。以下是我的全部代碼 PS:爲了學習目的,我的數據庫認證也被關閉。所以它不能有任何認證問題。無法初始化我的html文件中的firebase並將任何數據保存到實時數據庫

<!DOCTYPE html> 
<html> 
<head> 
    <title>Learning Firebase</title> 
    <script src="https://www.gstatic.com/firebasejs/4.1.2/firebase.js"></script> 
    <script type="text/javascript">     
    var config = { 
    apiKey: "xxxxxxxx", 
    authDomain: "xxxxxxxx", 
    databaseURL: "xxxxxxx", 
    projectId: "xxxxxx", 
    storageBucket: "xxxxxxx", 
    messagingSenderId: "xxxxxxx" 
      }; 
    firebase.initializeApp(config); 

    var text=documentgetElementById('text').value; 

    function validate(){ 

      var database=firebase.database().ref(); 
      database.child("text").set(text); 

     } 
    </script> 
</head> 
<body> 
    <form onsubmit="validate();"> 
     Text:<input type="text" id='text'/> 
     <input type='submit' value='save'/> 
    </form> 
</body> 

回答

0

你的問題不在於你的火力地堡的代碼,它是關於你的JavaScript代碼。請將此代碼替換爲以下代碼並重試:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Learning Firebase</title> 
    <script src="https://www.gstatic.com/firebasejs/4.1.2/firebase.js"></script> 
    <script type="text/javascript">     
    var config = { 
    apiKey: "xxxx", 
    authDomain: "xxxx", 
    databaseURL: "xxxx", 
    projectId: "xxxx", 
    storageBucket: "", 
    messagingSenderId: "xxxx" 
    }; 
    firebase.initializeApp(config); 

    function validate(){  
      var yourNewChildValue=document.getElementById('text').value; 
      var database=firebase.database().ref(); 
      database.child("yourNewChildKey").set(yourNewChildValue); 
     } 
    </script> 
</head> 
<body> 
    <form> 
     Text:<input type="text" id='text'/> 
     <input type='button' onclick="validate();" value='save'/> 
    </form> 
</body> 

如果您的憑據爲true,則必須將您的數據保存到Firebase數據庫。請告訴我。

+0

哇!非常感謝,它工作。 所以得到的元素應該在函數內完成,對吧? –

+0

歡迎您。是的,它需要在功能上以及我們可以談論的更多細節。您不需要發佈帖子,因爲您使用的是Firebase,並且不需要表單元素的提交操作,所以我們通過按鈕onclick事件觸發了功能。您的Firebase代碼是真實的。 – CanDroid

+0

好吧!再次感謝 –

相關問題