We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Конструктор FormData() создает новые объект FormData, если проще - HTML-форму.

Синтаксис

var formData = new FormData(form)

Параметры

form Необязательный
Существующая HTML-форма, на основе которой будет создана новая. Если ничего не указано, будет создана пустая форма.

Пример

<form name="test">
  <input type="text" name="code" value="12345">
  <input type="submit" value="Отправить">
</form>

 

var
    oldForm = document.forms.test,
    formData = new FormData(oldForm)
;

console.log(
    formData.get("code"),
    formData === oldForm
);

Методы

Подробнее о каждом методе можно прочитать, выбрав его в колонке слева.

Добавление нового текстового поля в форму:

formData.append(name, value, filename);

Удаление элемента формы:

formData.delete(name);

Получение значения элемента формы:

formData.get(name);

Проверка на наличие определенного элемента формы:

formData.has(name);

Изменение существующего элемента:

formData.set(name, value, filename);

Спецификация

Specification Status Comment
XMLHttpRequest
Определение 'FormData()' в этой спецификации.
Живой стандарт  

Поддержка браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 7+ 4.0 (2.0) 10+ 12+ 5+
append with filename (Да) 22.0 (22.0) ? ? ?
available in web workers (Да) 39.0 (39.0) (Да) (Да) (Да)
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 3.0 ? 4.0 (2.0) ?

12+

?
append with filename ? ? 22.0 (22.0) ? ? ?
Available in web workers ? ? 39.0 (39.0) ? ?

?

 

Метки документа и участники

Внесли вклад в эту страницу: In4in, antage
Обновлялась последний раз: In4in,