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

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

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

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

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

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

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

let formData = new FormData(form);

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

console.log(formData);

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

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

Учта инпути бор форма берилган. Шунингдек, тугма берилган. Тугма босиладиган бўлса, форма маълумотларини FormData объекти кўринишида олинг.