forms - 如何制作 Firebase 表单？

Question

我正在使用 Firebase 作为网站页面。如何使用 Firebase 创建表单？并将数据存储在数据库中？好像没有什么好的教程。我是 Firebase 新手。

Answer 1

Firebase 数据库更像是数据对象的存储。因此，您所需要做的就是根据表单值构建一个 JavaScript 对象，并在提交时发送到 Firebase。

检查这个CodePen 。重点关注新事件部分。您将了解如何根据表单值构建对象并将其发送到 Firebase。

例如，您的 html 中有一个表单:

<form id='myForm'>
  <input id='title' type='text' />
  <input id='description' type='text' />
  <input type='submit' />
</form>

在 JavaScript 文件中，您可以执行以下操作:

// Listen to the form submit event
$('#myForm').submit(function(evt) {

  // Target the form elements by their ids
  // And build the form object like this using jQuery: 
  var formData = {
    "title": $('#title').val(),
    "description": $('#description).val(),
  }

  evt.preventDefault(); //Prevent the default form submit action
  
  // You have formData here and can do this:
  firebase.initializeApp(config); //Initialize your firebase here passing your firebase account config object
  firebase.database().ref('/formDataTree').push( formData ); // Adds the new form data to the list under formDataTree node
})

希望这有帮助