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));