单击插入按钮后,我正在使用firebase实时数据库从我的html页面存储数据,但它没有在数据库中添加数据

Posted

技术标签:

【中文标题】单击插入按钮后,我正在使用firebase实时数据库从我的html页面存储数据,但它没有在数据库中添加数据【英文标题】:I'm using firebase realtime database to store data from my html page after clicking on insert button, but it's not adding data in database 【发布时间】:2022-01-21 14:25:45 【问题描述】:
    <!DOCTYPE html>
<html>
    <head>
        <title>FIREBASE/DATABASE</title>
    </head>
    <body>
        RollNo <input id="rollbox" type="text"></input><br><br>
        Name <input id="namebox" type="text"></input><br><br>
        Gender <input id="genbox" type="text"></input><br><br>

        <button id="insert">INSERT</button>
        <button id="select">SELECT</button>
        <button id="delete">DELETE</button>


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

       <script id="MainScript">
           const firebaseConfig = 
                apiKey: "AIzaSyD0h3tnkshN4rjSA9Iju08ntGJ72SM2LlY",
                authDomain: "fir-3d4fe.firebaseapp.com",
                projectId: "fir-3d4fe",
                storageBucket: "fir-3d4fe.appspot.com",
                messagingSenderId: "1055090212601",
                appId: "1:1055090212601:web:26a02d69edade66cf0ac28"
            ;
            var name,roll,gender;
            function Ready()
                name=document.getElementById("rollbox").value;
                roll=document.getElementById("namebox").value;
                gender=document.getElementById("genbox").value;
            
            document.getElementById("insert").onclick=function()
                Ready();
                firebase.database().ref('student/'+rollv).set(
                    nameOfStudent:name,
                    rollNo:roll,
                    genderOfStudent:gender
                )
            
       </script> 
    </body>
</html>

上面是我的 html 页面的代码,用于将数据添加到 firebase 实时数据库。但是单击插入按钮后它不会添加数据。请帮我处理我的代码。我希望我的代码只将输入字段的数据添加到 firebase 实时数据库,请检查代码。

【问题讨论】:

是您处于测试模式或锁定模式的实时数据库 处于测试模式... 【参考方案1】:

嘿,你还没有定义 rollv 从哪里来,这是 undefine,它将在 ref 的路径中给出 undefine

【讨论】:

你想说的是我应该在firebase中做一个rollv文件夹然后传路径??? 不,他是说你在 firebase.database().ref('student/'+rollv).set( ... 但你还没有定义 rollv。但我认为这是一个错字,你打算放在那里

以上是关于单击插入按钮后,我正在使用firebase实时数据库从我的html页面存储数据,但它没有在数据库中添加数据的主要内容,如果未能解决你的问题,请参考以下文章

单击 RecyclerView 后使用 Firebase 实时数据库填充详细信息活动

我正在尝试从android活动输入多个值到firebase实时数据库,但代码中的按钮不起作用

每次firebase实时数据库数据集时,RecyclerView都会重新加载

在 Flutter Web App 中使用 Firebase 实时数据库

我们可以将数据插入 Firebase 实时数据库吗?

插入 Firebase 实时数据库会覆盖数据而不是追加,如何让它追加而不是在 js 中覆盖?