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文件中，您可以执行以下操作：

// Target the form elements by their ids
// And build the form object like this using jQuery: 

var formData = {
  "title": $('#title').val(),
  "description": $('#description).val(),
}

// Then listen to the form submit event
$('#myForm').submit(function(evt) {
  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
})

希望这有帮助

如何制作Firebase表格？

1 个答案: