Добавить данные в Firestore с помощью петли (веб) - PullRequest
Новая
       18

Добавить данные в Firestore с помощью петли (веб)

0 голосов
/ 19 сентября 2018

У меня есть форма с теми же полями ввода, которые я хочу добавить в firestore.Как можно зациклить или каким-либо образом добавить все поля ввода с данными '$ (this)', не добавляя каждое из них вручную.

См. Мой код ниже, чтобы понять, что я пытаюсь сделать.

HTML 

<form>
   <div class="form-group">
      <p>Person 1</p>
      Name: <input type="text" class="name"><br>
      Email: <input type="text" class="email"><br>
   </div>
   <div class="form-group">
      <p>Person 2</p>
      Name: <input type="text" class="name"><br>
      Email: <input type="text" class="email"><br>
   </div>
   <div class="form-group">
      <p>Person 3</p>
      Name: <input type="text" class="name"><br>
      Email: <input type="text" class="email"><br>
   </div>
   <div class="form-group">
      <p>Person 4</p>
      Name: <input type="text" class="name"><br>
      Email: <input type="text" class="email"><br>
   </div>
</form>

Javascript (firestore) 

$('form .form-group').each(function() {

        // Get each values
        var name = $(this).children('.name').val();
        var email = $(this).children('.email').val();

        // Add each values to Firestore
        db.collection('data').doc(email).set({
            name: email
        })
        .then(function() {
            console.log("Document successfully updated!");
        })
        .catch(function(error) {
            console.error("Error writing document: ", error);
        });

});
...