CSS, HTML und Javascript mit {stil}

Javascript Form-Events

Javascript FormData wird mit den Namen-Wert-Paaren eines Formulars belegt und encodiert die Werte bei der Übertragung.

filename
email
<form id="myform">
   <input type="text" value="" id="fn" name="fn"> filename<br>
   <input type="text" value="" id="em" name="em"> email<br>
   <input type="submit" value="Speichern">
</form>
  • FormData() erstellt ein neues FormData-Objekt,
  • FormData.append() hängt das key-value-Paar an und erstellt neue Schlüssel
<script>
document.querySelector('#myform').onsubmit = function () {
   var myForm = document.getElementById('myForm');
   var data = new FormData();
   data.append("data" , "Wird noch mit dazugepackt");
   data.append("fn" , document.querySelector("#filename").value);
   data.append("em" , document.querySelector("#email").value);
   var xhr = new XMLHttpRequest();
   xhr.open( 'post', 'spielsave.php', true );
   xhr.send(data);
}
</script>

FormData Browser-Support

Die grundlegenden Funktionen FormData und FormData.append werden von allen modernen Browsern unterstützt, IE ab Version 10.