Работа с FormData в JavaScript

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

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

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

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

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

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

let formData = new FormData(form);

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

console.log(formData);

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

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

Дадена е форма с три инпута. Дадена е и бутон. При натискане на бутона получете данните от формата под формата на обект FormData.