FormData()

Der FormData() Konstruktor erzeugt ein neues FormData-Objekt.

var formData = new FormData(form)

form Optional

Ein HTML <form>-Element — wenn angegeben, wird  das neue FormData-Objekt mit den aktuellen Schlüssel/Wert-Paaren des form's gefüllt, wobei "name" der Schlüssel und "value" der Wert. Mitgeschickte Dateien werden ebenfalls codiert.

So erzeugt man ein neues FormData-Objekt:

var formData = new FormData(); // leer

Nun kann man ein Schlüssel/Wert-Paar hinzufügen mit FormData.append:

formData.append('username', 'Chris');

Oder man gibt das optionale form Argument an, um es direkt mit dessen Werten zu füllen:

<form id="myForm" name="myForm">
  <div>
    <label for="username">Enter name:</label>
    <input type="text" id="username" name="username">
  </div>
  <div>
    <label for="useracc">Enter account number:</label>
    <input type="text" id="useracc" name="useracc">
  </div>
  <div>
    <label for="userfile">Upload file:</label>
    <input type="file" id="userfile" name="userfile">
  </div>
<input type="submit" value="Submit!">
</form>

var myForm = document.getElementById('myForm');
formData = new FormData(myForm);

Browserkompatibilität