Wie poste ich x-www-form-urlencoded-Daten mit Fetch?

x-www-form-urlencoded-Daten mit Fetch posten

Im Bereich der Webentwicklung enthalten HTTP-Anfragen häufig formularcodierte Daten an Server. Um dies mithilfe der Fetch-API zu erreichen, untersuchen wir, wie eine solche Anfrage erstellt wird.

Stellen Sie sich das Szenario vor, in dem Sie Parameter wie Benutzername, Passwort und Bewilligungstyp haben, die als formularcodierte Daten an gesendet werden müssen ein Server. Sie haben die Anfrage mit den entsprechenden Headern eingerichtet, aber wie können Sie die Parameter integrieren?

Dazu können Sie die Leistungsfähigkeit von URLSearchParams nutzen. So geht's:

fetch('https://example.com/login', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: new URLSearchParams({
        'userName': '[email protected]',
        'password': 'Password!',
        'grant_type': 'password'
    })
});

Das URLSearchParams-Objekt dient als Container für Ihre Parameter. Die Werte werden automatisch per URL kodiert und sind so für die Übertragung bereit. Durch die entsprechende Einstellung des Content-Type-Headers überträgt Ihre Anfrage nun die verschlüsselten Daten an den Server.

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