Работа с FormData в JavaScript

Нека имаме някаква форма:

html<form action="/target/" method="POST">
  <input name="test1" value="123">
  <input name="test2" value="456">
  <input type="submit">
</form>

Нека искаме да получим данните от тази форма под формата на двойки ключ-стойност. Ясно е, че за това ще трябва да пуснем цикъл и в него да формираме желаното. В JavaScript, обаче, съществува по-прост начин - може да се използва специален обект FormData, позволяващ подредено да се получават данни от форма.

Нека разгледаме работата с този обект. Първо, нека получим референция към нашата форма:

javascriptlet form = document.querySelector('form');

Сега ще създадем обект с нашата форма:

javascriptlet formData = new FormData(form);

Може да изведем нашия обект в конзолата, но при такова извеждане няма да видим данните от формата:

javascriptconsole.log(formData);

Нека преобразуваме нашия обект в масив, за да видим данните от формата:

javascriptconsole.log(Array.from(formData));