フォームをJavaScriptのオブジェクトで扱う（FormData）

フォームをJavaScriptのオブジェクトで扱うには、FormDataオブジェクトを使用します。

ES5

var formData = new FormData(formElement, submitter);

ES6以降

const formData = new FormData(formElement, submitterElement);

引数名		型	説明
第一引数	formElement	Element	JavaScript内でオブジェクトとして扱えるようにしたいform要素を指定。
第二引数	submitterElement	Element	FormDataオブジェクトで送信ボタンとして紐付ける送信ボタン要素を指定。

JavaScript (ES5)

// 新規のフォームオブジェクトを生成
var formData = new FormData();

// キーと値のペアを追加
formData.append('foo', 'abc');

JavaScript (ES6以降)

// 新規のフォームオブジェクトを生成
const formData = new FormData();

// キーと値のペアを追加
formData.append('foo', 'abc');