Wie sende ich x-www-form-urlencoded-Anfragen mit Fetch?

Senden von x-www-form-urlencoded-Anfragen mit Fetch

In der Webentwicklung ist das POSTing formularcodierter Daten an einen Server üblich Aufgabe. Um dies mithilfe der Fetch-API zu erreichen, sind einige Schritte erforderlich.

• Anfrageparameter definieren:

  • Beginnen Sie mit Definieren der Formularparameter, die Sie POSTEN möchten. Im bereitgestellten Beispiel:

    {
        'userName': '[email protected]',
        'password': 'Password!',
        'grant_type': 'password'
    }

    Nach dem Login kopieren

• Anforderungsobjekt erstellen:

  • Erstellen Sie ein JavaScript-Objekt mit der erforderlichen Anfrage Eigenschaften:

    var obj = {
      method: 'POST',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
      },
    };

    Nach dem Login kopieren

• Formularparameter kodieren:

  • Um formularkodiert einzuschließen Parameter verwenden Sie einen URLSearchParams Objekt:

    body: new URLSearchParams({
        'userName': '[email protected]',
        'password': 'Password!',
        'grant_type': 'password'
    })

    Nach dem Login kopieren

• Anfrage ausführen:

  • Führen Sie abschließend die Anfrage mit aus die neu errichtete Objekt:

    fetch('https://example.com/login', obj)
      .then(function(res) {
        // Do stuff with result
      }); 

    Nach dem Login kopieren

• Vereinfachtes Beispiel:

  • Der Einfachheit halber ein saubererer Ansatz besteht darin, sowohl die Formularparameter als auch den Header direkt in fetch() anzugeben. Optionen:

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

    Nach dem Login kopieren

Ausführlichere Informationen 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 sende ich x-www-form-urlencoded-Anfragen mit Fetch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!