Wie kann ich JSON-Daten mithilfe der Fetch-API POSTEN?

JSON-Daten mit der Fetch-API posten

Es ist gängige Praxis, JSON-Daten mit dem POST-Anfragetyp zu senden. Sie können dies mit der Fetch-API von JavaScript tun, die eine leistungsstarke Schnittstelle zum Senden von HTTP-Anfragen bietet.

Eine Methode zum Senden von JSON-Daten über die Fetch-API besteht darin, ein JSON-Objekt als Hauptteil der Anfrage einzuschließen. Konvertieren Sie dazu das JSON-Objekt mit JSON.stringify() in einen String:

const body = JSON.stringify({a: 1, b: 2});

Hängen Sie dann dieses stringifizierte Objekt an den Anforderungstext an:

fetch("/echo/json/", {
    method: "POST",
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    body: body
})
.then(res => console.log(res))
.catch(res => console.log(res));

Allerdings dies Die Methode funktioniert in bestimmten Fällen möglicherweise nicht, insbesondere wenn Entwicklungstools wie das JSON-Echo von jsfiddle verwendet werden. Alternativ können Sie die ES2017-Async/Await-Syntax verwenden, um die JSON-Nutzlast zu verarbeiten:

(async () => {
  const rawResponse = await fetch('https://httpbin.org/post', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({a: 1, b: 'Textual content'})
  });
  const content = await rawResponse.json();

  console.log(content);
})();

Diese Methode konvertiert die Antwort in ein JSON-Objekt, das in Ihrem Code effektiver abgefragt und verarbeitet werden kann.

Das obige ist der detaillierte Inhalt vonWie kann ich JSON-Daten mithilfe der Fetch-API POSTEN?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!