Wie sende ich Formulardaten mit der Fetch-API unter Verwendung von „application/x-www-form-urlencoded'?

Formulardaten mit der Fetch-API veröffentlichen

Das Bereitstellen von Formulardaten mit der Fetch-API nutzt
FormData, das von Natur aus das Multipart-/Formulardatenformat verwendet. Wenn Sie Daten mit „Content-Type“: „application/x-www-form-urlencoded“ senden möchten, gibt es zwei Optionen:

Erstellen eines URL-codierten Textkörpers:

<code class="js">fetch("api/xxx", {
    body: "[email protected]&password=pw",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    method: "post"
})</code>

URLSearchParams verwenden:

Um ein URLSearchParams-Objekt aus einem Formularelement zu erstellen, können Sie die Elemente durchlaufen oder die folgende Konvertierungsmethode verwenden:

<code class="js">const data = new URLSearchParams(new FormData(formElement));
fetch("api/xxx", {
    method: 'post',
    body: data,
})</code>

Beachten Sie, dass die Definition eines Content-Type-Headers nicht erforderlich ist, wenn Sie URLSearchParams verwenden.

Multipart-/Formulardaten im Controller dekodieren:

Abhängig von Ihren Bei der Backend-Implementierung müssen Sie möglicherweise den Multipart-/Formulardatenkörper dekodieren. Spezifische Dekodierungsverfahren finden Sie in der Dokumentation Ihres gewünschten Frameworks.

Das obige ist der detaillierte Inhalt vonWie sende ich Formulardaten mit der Fetch-API unter Verwendung von „application/x-www-form-urlencoded'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!