FormData

FormData - об'єкт який містить ключі, значення для передачі даних на сервер.

Синтаксис:

var formdata = new FormData( form );

Параметри:

formdata - зміна якій присвоюється новостворений об'єкт FormData.

form - не обов'язково вказувати. Елемент HTML form на основі якого буде створено об'єкт з ключами і значеннями з форми.

Опис:

FormData об'єкт який забезпечує можливість легко побудувати набір пар ключ/значення, які представляють поля форми і їх значення, і потім можуть бути відправлені запитом методом POST.

Content-type запиту "multipart/form-data" як і в форми.

FormData.append() - дадоє нове поле до об'єкту FormData
FormData.set() - додає нове поля до об'єкту FormData.
FormData.delete() - видаляє поле з об'єкту.
FormData.get() - значення поля з об'єкту FormData.
FormData.getAll() - масив зі значеннями поля з об'єкту FormData.
FormData.has() - перевіряє чи існує поле в об'єкті FormData.
FormData.keys() - повертає Iterator для проходження усіх назв полів в об'єкті FormData.
FormData.values() - повертає Iterator для проходження усіх значень в об'єкті FormData.
FormData.entries() - повертає Iterator для проходження усіх полів в об'єкті FormData.

Приклад:

var formdata=new FormData();
formdata.append('key', 'value');

var elform=document.getElementById('form');
var formdata=new FormData(elform);

var formdata=new FormData();
formdata.append('test','FormData test');
var xhr=new XMLHttpRequest();
xhr.open('post', '/ajax.php');
xhr.send(formdata);