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 օբյեկտ: