Web technology reference for developers
Structure of content on the web
Code used to describe document style
General-purpose scripting language
Protocol for transmitting web resources
Interfaces for building web applications
Developing extensions for web browsers
Build web projects usable for all
Learn web development
Learn to structure web content with HTML
Learn to style content using CSS
Learn to run scripts in the browser
Learn to make the web accessible to all
A customized MDN experience
Get real-time assistance and support
All browser compatibility updates at a glance
Write, test and share your code
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die FormData-Schnittstelle bietet eine Möglichkeit, ein Set von Schlüssel/Wert-Paaren zu erstellen, die Formularfelder und deren Werte darstellen. Diese können mit den Methoden fetch(), XMLHttpRequest.send() oder navigator.sendBeacon() gesendet werden. Sie verwendet dasselbe Format, das ein Formular verwenden würde, wenn der Codierungstyp auf "multipart/form-data" gesetzt wäre.
FormData
fetch()
XMLHttpRequest.send()
navigator.sendBeacon()
"multipart/form-data"
Sie können es auch direkt an den URLSearchParams-Konstruktor übergeben, wenn Sie Abfrageparameter auf die Weise generieren möchten, wie ein <form> es tun würde, wenn es eine einfache GET-Übermittlung verwenden würde.
URLSearchParams
<form>
GET
Ein Objekt, das FormData implementiert, kann direkt in einer for...of-Struktur verwendet werden, anstelle von entries(): for (const p of myFormData) ist äquivalent zu for (const p of myFormData.entries()).
for...of
entries()
for (const p of myFormData)
for (const p of myFormData.entries())
FormData()
Erstellt ein neues FormData-Objekt.
FormData.append()
Fügt einem bestehenden Schlüssel innerhalb eines FormData-Objekts einen neuen Wert hinzu oder fügt den Schlüssel hinzu, wenn er noch nicht existiert.
FormData.delete()
Löscht ein Schlüssel/Wert-Paar aus einem FormData-Objekt.
FormData.entries()
Gibt einen Iterator zurück, der durch alle in FormData enthaltenen Schlüssel/Wert-Paare iteriert.
FormData.get()
Gibt den ersten mit einem bestimmten Schlüssel innerhalb eines FormData-Objekts verbundenen Wert zurück.
FormData.getAll()
Gibt ein Array aller mit einem bestimmten Schlüssel innerhalb eines FormData verbundenen Werte zurück.
FormData.has()
Gibt zurück, ob ein FormData-Objekt einen bestimmten Schlüssel enthält.
FormData.keys()
Gibt einen Iterator zurück, der durch alle Schlüssel der in FormData enthaltenen Schlüssel/Wert-Paare iteriert.
FormData.set()
Setzt einen neuen Wert für einen bestehenden Schlüssel innerhalb eines FormData-Objekts oder fügt den Schlüssel/Wert hinzu, wenn er noch nicht existiert.
FormData.values()
Gibt einen Iterator zurück, der durch alle in FormData enthaltenen Werte iteriert.
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<Form>