JavaScript да FormData билан ишлаш

Бизда бирор форма бор дейлик:

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

Биз бу форманинг маълумотларини калит-қиймат жуфтлари кўринишида олишни истаймиз. Тушунарлики, бунинг учун бизга цикл ишга тушириб, унда исталган нарсани шақллантириш тўғри келади. Аммо JavaScript да, оддийроқ усул мавжуд - биз FormData maxсус объектидан фойдаланишимиз мумкин, бу форма маълумотларини тартибли кўринишда олиш имконини беради.

Келинг, бу объект билан ишлашни кўриб чиқайлик. Бошлаш учун бизга формага havola керак:

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

Энди биз формамиз билан объект яратамиз:

javascriptlet formData = new FormData(form);

Биз объектимизни консолга чиқаришимиз мумкин, аммо бундай чиқаришда форма маълумотларини кўролмаймиз:

javascriptconsole.log(formData);

Форма маълумотларини кўриш учун объектимизни массивга айлантирамиз:

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