Работа со 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.