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

Үч inputтуу форма берилген. Ошондой эле баскыч берилген. Баскычты басканда, форманын маалыматтарын FormData объектиси түрүндө алыңыз.