Не удается сохранить данные из контактной формы в Firebase - PullRequest
Новая
       0

Не удается сохранить данные из контактной формы в Firebase

0 голосов
/ 30 мая 2020

Я пытаюсь отправить данные моего пользователя в 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 databse.

он также показывает предупреждение под названием:

[2020-05-30T03: 38: 27.083Z] @ firebase / app: Предупреждение: Firebase уже определена в глобальный охват. Убедитесь, что библиотека Firebase загружается только один раз.

Как я могу решить эту проблему? Пожалуйста, помогите / \

Заранее спасибо.

1 Ответ

0 голосов
/ 30 мая 2020

Хорошо, у меня возникла ошибка, при которой я не вызывал функцию. Правильный код: 

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

}
...