时间戳

首页 > 解决方案 > 数据未添加到数据库中（firebase）

javascript - 数据未添加到数据库中（firebase）

问题描述

我已经编写了用于在优惠下将优惠添加到数据库中的代码，但是它不起作用并且优惠没有被添加到数据库中。我不知道我在哪里做错了。请帮助我找到解决方案

addoffer.html

<html>
<head>   
        <script src="https://www.gstatic.com/firebasejs/5.8.5/firebase.js"></script> 
</head>
<body>
        <form enctype="multipart/form-data">

                        <label>Title</label>
                        <input type="text" id="title" placeholder="Company" >

                        <label for="exampleInputEmail1">Redeem Steps</label>
                        <input type="text" class="form-control" id="steps" placeholder="Redeem Steps">




                        <label>Description</label>
                        <textarea rows="5" class="form-control" id="description" placeholder="Here can be your description"></textarea>



                    <button type="submit" class="btn btn-info btn-fill pull-right" onclick="submitclick()">Add Offer</button>

        </form>
<script>
        // Initialize Firebase
        var config = {
          apiKey: "AIzaSyBMC7E0Q2HmqxDnA-yqSslIOhOijC6LL4s",
          authDomain: "sample-51bb2.firebaseapp.com",
          databaseURL: "https://sample-51bb2.firebaseio.com",
          projectId: "sample-51bb2",
          storageBucket: "sample-51bb2.appspot.com",
          messagingSenderId: "917745166311"
        };
        firebase.initializeApp(config);
      </script>
       <script src="addoffer.js"></script>  
</body>    
</html>

addoffer.js

function submitclick()
{

var titled = document.getElementById("title").value;
var stepsd = document.getElementById("steps").value;
var descriptiond = document.getElementById("description").value;
var id=1;

console.log(titled);
console.log(stepsd);
console.log(descriptiond);

//var firebaseheadingRef = firebase.database().ref().child("offers");


firebase.database().ref('offers/'+id).set({
    title : titled,
    redeem : stepsd,
    description : descriptiond
  }, function(error) {
    if (error) {
      // The write failed...
      console.log(error);
      alert(error);
    } else {
      // Data saved successfully!
    }
  });

  id++;
}

我添加了手动添加报价值的数据库图像

在此处输入图像描述

标签： javascripthtmlfirebasefirebase-realtime-database

解决方案

改变这个：

<head>   
    <script src="https://www.gstatic.com/firebasejs/5.8.5/firebase.js"></script> 
</head>

进入这个：

<head>
  <!-- Firebase App is always required and must be first -->
  <script src="https://www.gstatic.com/firebasejs/5.9.2/firebase-app.js"></script>

  <!-- Add additional services that you want to use -->
  <script src="https://www.gstatic.com/firebasejs/5.9.2/firebase-auth.js"></script>
  <script src="https://www.gstatic.com/firebasejs/5.9.2/firebase-database.js"></script>
<head>

推荐阅读