时间戳

首页 > 解决方案 > 数据未保存在 Firebase 中

javascript - 数据未保存在 Firebase 中

问题描述

你好我是firebase的初学者。我试图保存数据，但数据没有保存在 firebase 中。没有错误显示。我已经检查了我的数据库，没有显示任何数据，所以请检查我的代码。这是我的代码，请检查。

....HTML 代码....

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    
    <script src="https://www.gstatic.com/firebasejs/8.5.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.5.0/firebase-database.js"></script>
    

    <script>
      // Your web app's Firebase configuration
      // For Firebase JS SDK v7.20.0 and later, measurementId is optional
      var firebaseConfig = {
        apiKey: "AIzaSyC2Oasrzs_Bit-5weTVixfpQgM299aT708",
        authDomain: "quiz-app-781f4.firebaseapp.com",
        databaseURL: "https://quiz-app-781f4-default-rtdb.firebaseio.com",
        projectId: "quiz-app-781f4",
        storageBucket: "quiz-app-781f4.appspot.com",
        messagingSenderId: "583373016469",
        appId: "1:583373016469:web:74c2c2306ac47754d03a9c",
        measurementId: "G-NCEF91E74N"
      };
      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);
    </script>
</head>
<body>
    <div>
      <form>
        <input type="text" id="d1"><br/>
        <input type="text"  id="d2"><br/>
        <button onclick=getValue()>Submit</button>

      </form>
    </div>

    <script src="app.js"></script>
</body>
</html>

...JavaScript 代码...

function getValue(){
    
    var name= document.getElementById('d1');
      var roll= document.getElementById('d2');
      
      var student ={
        name:name.value,
        roll: roll.value
      }
      
      firebase.database().ref('student').set(student)

}

谢谢。

标签： javascriptfirebasefirebase-realtime-database

解决方案

您的问题是您已将输入放入form标签中。当你这样做时，表单会在你的 JavaScript 执行之前尝试提交并重新加载页面。当我在本地测试您的代码时，删除form标签解决了这个问题。

推荐阅读