Коркард кардани 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 ба даст оред.