Firebaseフォームを作成するにはどうすればよいですか？

Question

私はFirebaseをウェブサイトのページに使用しています。 Firebaseを使用してフォームを作成するにはどうすればよいですか？データはデータベースに保存されますか？そこに良いチュートリアルはないようです。私はFirebaseを初めて使っています。

Answer 1

Firebaseデータベースは、データオブジェクトのストレージによく似ています。したがって、フォームの値からJavaScriptオブジェクトを作成し、送信時にFirebaseに送信するだけです。

これをチェックするCodePen新しい活動のセクションに注目してください。フォーム値からオブジェクトを作成し、Firebaseに送信する方法がわかります。

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

そして、あなたのJavaScriptでファイルをあなたがこれを行うことができます：たとえば、あなたがあなたのhtmlでフォームを持っている

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

希望これは

を支援