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