如何将用户输入从表单转移到Firebase数据库?

时间:2019-06-07 11:01:14

标签: javascript firebase firebase-realtime-database

我已经在我的网站上设置了新闻通讯表单注册,并且我尝试编写一些JavaScript,以便用户在新闻通讯表单字段中输入的内容随后记录在Firebase Firestore数据库中。我设置了四个字段供用户输入: - 名称 -电子邮件 -国家 -客户类型

到目前为止,我一直在尝试为用户可以输入的四个字段中的每一个创建常量,并为保存按钮添加一个第五位。然后,我为“注册”按钮创建了一个addEventListener(),以便当用户单击时,它将输入的值分配给另一个常量。这就是我遇到的问题,然后我尝试按照firebase教程将它们添加到数据库中,但是我一定会误会。这是我刚刚解释过的内容,但是以编码形式:


// on click on teh saveButton

saveButton.addEventListener("click", function(){

  // assign values to consts

const textToSave = inputName.value;
const textToSave2 = inputEmail.value;
const textToSave3 = inputCountry.value;
const textToSave4 = inputInvType.value;

  console.log("I am going to save" + textToSave + " and " + textToSave2 + " and " + textToSave3 + " and " + textToSave4 + " to FireBase" );

  // build the firebase reference

  ref = database.ref('newsletter/' + textToSave2);

  // check if the firebase reference already exists

  ref.on('value', function(snapshot) {

    function writeUserData(textToSave, textToSave2, textToSave3, textToSave4) {
 firebase.database().ref('newsletter' + textToSave2).set({
   fname: textToSave,
   eadress: textToSave2,
   nation: textToSave3,
    type: textToSave4,
 });
}
    // do stuff based on what it returns
    console.log(snapshot.val());
  });

基本上,我正在尝试记录用户输入到数据库中的内容,并检查数据库中是否已经存在文档ID(即已写的电子邮件),到目前为止,我在数据库上没有任何记录出现为空值,有什么想法吗?

0 个答案:

没有答案