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