无法将联系表中的数据存储到 Firebase答案

【问题标题】：Can Not Store Data From Contact Form To Firebase无法将联系表中的数据存储到 Firebase
【发布时间】：2020-05-30 03:48:14
【问题描述】：

我正在尝试使用下面给出的代码将我的用户数据发送到 firebase：

var firestore =  firebase.firestore();

var messagesRef = firestore.collection("BookingData");


//listen for submit
document.getElementById('bookingForm').addEventListener('submit',submitForm);

function submitForm(e){
 e.preventDefault();

 //get values
var email = getInputVal('email');
var packageFields = getInputVal('packageFields');
var name = getInputVal('name');
var phone = getInputVal('phone');
var date = getInputVal('date');

}

// function to get form values

 function getInputVal(id) {
return document.getElementById(id).value;
 }

//save messages

function saveMessage(email, packageFields, name, phone, date) {

  messageRef.add({
   email:email,
   packageFields:packageFields,
   name:name,
   phone:phone,
   date:date
   }).then(function(docRef) {
console.log("Document written with ID: ", docRef.id);
})
 .catch(function(error) {
  console.error("Error adding document: ", error);
});

  }

但是什么都没有发生。

我无法将数据发送到 firebase 数据库。

它还显示一个警告，称为：

[2020-05-30T03:38:27.083Z] @firebase/app：警告：Firebase 已在全局范围内定义。请确保 Firebase 库只加载一次。

我该如何解决这个问题？请帮忙/\

提前致谢。

【问题讨论】：

错误信息说，你已经多次定义了firebase。检查您的整个代码以确保它在每个范围内仅加载一个。

标签： javascript html firebase google-cloud-firestore

【解决方案1】：

好的，我得到了我没有调用函数的错误。正确的代码是：

var firestore =  firebase.firestore();

var messagesRef = firestore.collection("BookingData");


//listen for submit
document.getElementById('bookingForm').addEventListener('submit',submitForm);

function submitForm(e){
 e.preventDefault();

 //get values
var email = getInputVal('email');
var packageFields = getInputVal('packageFields');
var name = getInputVal('name');
var phone = getInputVal('phone');
var date = getInputVal('date');

saveMessage(email, packageFields, name, phone, date);
}

// function to get form values

 function getInputVal(id) {
return document.getElementById(id).value;
 }

//save messages

function saveMessage(email, packageFields, name, phone, date) {

  messageRef.add({
   email:email,
   packageFields:packageFields,
   name:name,
   phone:phone,
   date:date
   }).then(function(docRef) {
console.log("Document written with ID: ", docRef.id);
})
 .catch(function(error) {
  console.error("Error adding document: ", error);
});

}

【讨论】：