Uncaught ReferenceError:未定义BookingData-其中“ BookingData”是Firebase中Collecton的名称

问题描述 投票:1回答:1
<form class="modal-content" id="bookingForm">
    <div class="formContainer">
      <h1>Booking Form</h1>
      <p>Please fill in this form to Book The Trip.</p>
      <hr>
      <label for="email"><b>Email</b></label>
      <input type="text" placeholder="Enter Email" name="email" required id="email">


      <label><b>Package</b></label>

      <input type="text" id="packageFields" name="teste2">

      <label for="psw"><b>Name</b></label>
      <input type="text" placeholder="Enter Name" name="name" required id="name">

      <label for="psw-repeat"><b>Phone No.</b></label>
      <input type="tel" placeholder="Enter Phone No." name="psw-repeat" required id="phone">

      <label for="psw-repeat"><b>Date Of Journey</b></label>
      <input type="date" placeholder="Enter Phone No." name="psw-repeat" required id="date">

      <p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

      <div class="clearfix">
        <button type="submit" class="signupbtn">Confirm Booking</button>
        <button type="button" onclick="document.getElementById('bookingForm').style.display='none'" class="cancelbtn">Cancel</button>
      </div>
    </div>
  </form>
</div>
    </section>
    <!-- animation -->
    <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
    <script>
    AOS.init();

    var modal = document.getElementById('bookingForm');
// Script To Copy Package Name To The Form Automatically
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}

function setPackage(packageName) {
  document.querySelector('#packageFields').value = packageName;
}
    </script>
    <script src="https://www.gstatic.com/firebasejs/7.14.5/firebase-app.js"></script>

    <!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->

 <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
 <script src="/__/firebase/7.14.5/firebase-app.js"></script>

 <!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
 <script src="/__/firebase/7.14.5/firebase-analytics.js"></script>

 <!-- Add Firebase products that you want to use -->
 <script src="/__/firebase/7.14.5/firebase-auth.js"></script>
 <script src="/__/firebase/7.14.5/firebase-firestore.js"></script>
 <script src="/__/firebase/init.js"></script>
 <script src="bookingSubmit.js">    </script>

这是HTML和JavaSript,如下所示:

var firebaseConfig = {
   apiKey: "AIzaSyDT80mEpNS4CpdByl2ugrSTGzgQpkbzzeI",
   authDomain: "himwhitecab.firebaseapp.com",
   databaseURL: "https://himwhitecab.firebaseio.com",
   projectId: "himwhitecab",
   storageBucket: "himwhitecab.appspot.com",
   messagingSenderId: "505950138314",
   appId: "1:505950138314:web:c37c1b2c593f30e911e933",
   measurementId: "G-ECR97G3YY0"
 };

//reference messages collection


firebase.initializeApp(firebaseConfig);
var firestore =  firebase.firestore();

const submitBtn = document.querySelector("#signupbtn");


let email = document.querySelector('#email');
let packageFields = document.querySelector('#packageFields');
let name = document.querySelector('#name');
let phone = document.querySelector('#phone');
let date = document.querySelector('#date');

const db = firestore.collection(BookingData);

submitBtn.addEventListner('click', function(){
  let userEmailInput = email.value;
  let userPackageInput = packageFields.value;
  let userNameInput = name.value;
  let userPhoneInput = phone.value;
  let userDateInput = date.value;

  db.doc()
  .set({
    email:userEmailInput,
    package:userPackageInput,
    name:userNameInput,
    phone:userPhoneInput,
    date:userDateInput
  })
  .then(function(){
    console.log("Data Saved");
  })
  .catch(function(error){
    console.log(error);
  });
});

我正在使用它来将联系表单的数据存储在Firebase中。

但是它给出了错误:

未捕获的ReferenceError:未定义BookingData在bookingSubmit.js:27

“ BookingData”是我的Firebase中集合的名称。

错误的原因是什么以及如何解决... ??

请检查是否还有其他问题。

javascript firebase google-cloud-firestore
1个回答
1
投票

如果“ BookingData”是您的收藏集的名称,那么您需要将其用引号引起来:

© www.soinside.com 2019 - 2024. All rights reserved.