数据未添加到数据库（firebase）

Question

我已经编写了在优惠中将商品添加到数据库中的代码，但它不起作用，并且不会将商品添加到数据库中。我不知道我在哪里犯了错误。请帮我找出解决方案

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++;
}

我添加了数据库的图像，我手动添加了商品价值

Answer 1

改变这个：

<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>

Answer 2

由于1函数的代码，数据已正确添加到数据库，但id为submitclick()。

每次调用此函数时，都将值1赋值给本地（对于函数）变量id，因此每次写入（并覆盖，因为使用set()方法）到offers/1节点。

函数末尾的id++无效：下一个调用id设置为1。

你应该使用push()方法为你的记录生成一个新的id（参见https://firebase.google.com/docs/reference/js/firebase.database.Reference#push）。

您可以在页面级别使用全局id变量，但在这种情况下，您可能有不同的用户使用相同的id，因此建议使用push()方法。

数据未添加到数据库（firebase）

问题描述投票：0回答：2

2个回答

最新问题

数据未添加到数据库（firebase）

问题描述 投票：0回答：2

2个回答

最新问题

问题描述投票：0回答：2