Wie sendet man formularcodierte Daten mit der Fetch-API?

Formularcodierte Daten mit Fetch posten

Wenn Sie POST-Anfragen stellen, müssen Sie möglicherweise formularcodierte Daten in Ihre Nutzlast aufnehmen. So gehen Sie mit der Fetch-API damit um:

Lösung

Mit dem URLSearchParams-Objekt können Sie ganz einfach formularcodierte Parameter in Ihre Anfrage einbinden. Hier ist ein Beispiel:

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'
    })
});

Dadurch werden Ihre Parameter als „userName=[email protected]“, „password=Password!“ und „grant_type=password“ kodiert und an den Anfragetext angehängt.

Weitere Informationen zur Methode WindowOrWorkerGlobalScope.fetch finden Sie in der Dokumentation des Mozilla Developer Network: https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch

Das obige ist der detaillierte Inhalt vonWie sendet man formularcodierte Daten mit der Fetch-API?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!