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