Baseline Widely available *
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Der FormData() Konstruktor erstellt ein neues FormData Objekt.
new FormData()
new FormData(form)
new FormData(form, submitter)
form Optional
Ein HTML <form> Element â wenn angegeben, wird das FormData Objekt mit den aktuellen Schlüsseln/Werten des form basierend auf dem Namen der Elemente für die Schlüssel und ihren übermittelten Werten für die Werte gefüllt. Es wird auch Dateieingaben kodieren. Ein formdata Ereignis wird auf dem Formular ausgelöst, wenn das FormData Objekt erstellt wird, damit das Formular die FormData bei Bedarf ändern kann.
submitter Optional
Ein Submit-Button, der ein Mitglied des form ist. Wenn der submitter ein name Attribut hat oder ein <input type="image"> ist, werden seine Daten in das `FormData` Objekt einbezogen (z.B. btnName=btnValue).
TypeError
Wird ausgelöst, wenn der angegebene submitter kein Submit-Button ist.
NotFoundError DOMException
Wird ausgelöst, wenn der angegebene submitter kein Mitglied des form ist. Der submitter muss entweder ein Nachfahre des Formularelements sein oder ein form Attribut haben, das auf das Formular verweist.
Die folgende Zeile erstellt ein leeres FormData Objekt:
const formData = new FormData();
Sie könnten ein Schlüssel/Wert-Paar mit append() hinzufügen:
formData.append("username", "Chris");
Sie können die optionalen Argumente form und submitter angeben, wenn Sie das FormData Objekt erstellen, um es mit Werten aus dem angegebenen Formular vorzufüllen.
Hinweis: Nur erfolgreiche Formularsteuerungen sind in einem FormData Objekt enthalten, d.h. solche mit einem Namen und nicht in einem deaktivierten Zustand.
HTML<form id="form">
<input type="text" name="text1" value="foo" />
<input type="text" name="text2" value="bar" />
<input type="text" name="text2" value="baz" />
<input type="checkbox" name="check" checked disabled />
<button name="intent" value="save">Save</button>
<button name="intent" value="saveAsCopy">Save As Copy</button>
</form>
<output id="output"></output>
form {
display: none;
}
output {
display: block;
white-space: pre-wrap;
}
const form = document.getElementById("form");
const submitter = document.querySelector("button[value=save]");
const formData = new FormData(form, submitter);
const output = document.getElementById("output");
for (const [key, value] of formData) {
output.textContent += `${key}: ${value}\n`;
}
Zur Kürze ist das <form> Element aus der Ansicht ausgeblendet.
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4