javascript - 如何让 firebase 将最后 5 个搜索结果显示到 HTML div？

Question

我的目标是使用 firebase 将最后 5 个搜索结果存储在我的 HTML 中带有类 databasenap 的 div 中。但是我遇到了一些错误，例如： Uncaught TypeError: Cannot read property 'trim' of undefined 并且搜索结果没有发布在 div 中。

var config = {
  apiKey: "AIzaSyCzaNmYb94HQPR70d6Omy5kP1d0kw5NLkc",
  authDomain: "eventtraveler-69f59.firebaseapp.com",
  databaseURL: "https://eventtraveler-69f59.firebaseio.com",
  projectId: "eventtraveler-69f59",
  storageBucket: "eventtraveler-69f59.appspot.com",
  messagingSenderId: "73086206077"
};
firebase.initializeApp(config);

var database = firebase.database();

var location ;
var inDate ;
var outDate;
$("#add-event").on("click", function(event) {
  event.preventDefault();

var location = $("location-input").val().trim();
var inDate = moment($("start-date-input").val().trim(), "MM/DD/YYYY").format("X");
var outDate = moment($("end-date-input").val().trim(), "MM/DD/YYYY").format("X");
var databasesnap = database.ref().set({
  location: location,
  inDate: inDate,
  outDate: outDate
})

});

database.ref().limitToLast(5).on("value", function(snapshot) {

var appendToDiv = $("<p>").append(
  $("<p>").text(location),
  $("<p>").text(inDate),
  $("<p>").text(outDate),
  );


$(".databasesnap").append(appendToDiv); 

})

标签： javascriptfirebase