Wie poste ich Formulardaten als „application/x-www-form-urlencoded“ mit der Fetch-API?

Formulardaten mit der Fetch-API veröffentlichen

Wenn Sie die FormData-Schnittstelle in der Fetch-API zum Posten von Formulardaten verwenden, ist es wichtig, ihr Standardverhalten zu verstehen. Standardmäßig werden Daten im Format „multipart/form-data“ gesendet, das nicht mit dem Format „application/x-www-form-urlencoded“ kompatibel ist.

Wenn Sie Formulardaten veröffentlichen möchten als „application/x-www-form-urlencoded“ mithilfe der Fetch-API können Sie die folgenden Schritte ausführen:

1. FormData in URLSearchParams konvertieren: Verwenden Sie eine Schleife zum Durchlaufen das FormData-Objekt und hängen Sie jedes Schlüssel-Wert-Paar an ein URLSearchParams-Objekt an.

   <code class="javascript">const data = new URLSearchParams();
   for (const pair of new FormData(formElement)) {
       data.append(pair[0], pair[1]);
   }</code>

   ODER, verwenden Sie die experimentelle Methode:

   <code class="javascript">const data = new URLSearchParams(new FormData(formElement));</code>

   Hinweis: Stellen Sie sicher, dass Ihre Der Browser unterstützt die letztere Methode, bevor er sie verwendet.

2. Senden Sie Daten mit der Fetch-API: Stellen Sie eine POST-Anfrage, wobei der Text auf das URLSearchParams-Objekt festgelegt ist. Geben Sie keinen Content-Type-Header an, da der Standardwert „application/x-www-form-urlencoded“ lautet.

   <code class="javascript">fetch(url, {
       method: 'post',
       body: data,
   })
   .then(…);</code>

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