Wie kann ich JSON-Daten effektiv mit der POST-Methode von Fetch senden?

POST-Anfragen mit Fetch stellen: JSON-Daten senden

In der Welt der Webentwicklung ist es oft notwendig, Daten an einen Server zu übertragen die POST-Methode. Häufig liegen diese Daten in Form von JSON-Objekten vor. Um dies mithilfe der Fetch-API zu erreichen, werden wir uns mit den erforderlichen Schritten befassen.

Wie in der angegebenen Eingabeaufforderung erwähnt, besteht der Schlüssel darin, eine stringifizierte Version des JSON-Objekts an den Hauptteil der Anfrage anzuhängen. Das bereitgestellte Codebeispiel scheint jedoch auf ein Problem zu stoßen, bei dem die JSON-Daten nicht gesendet werden können.

Um dieses Problem zu beheben, können wir die async/await-Syntax von ES2017 verwenden, die einen prägnanteren und lesbareren Ansatz bietet.

Hier ist ein aktualisierter Codeausschnitt, der den Prozess demonstriert:

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

In diesem Code ist der Die async/await-Syntax wird verwendet, um die Funktion asynchron zu machen. Das Schlüsselwort „await“ unterbricht die Ausführung der Funktion, bis die rawResponse von der API empfangen wird. Sobald die Antwort verfügbar ist, wird die json()-Methode verwendet, um den JSON-Inhalt zu analysieren.

Mit diesem Ansatz können Sie JSON-Daten mithilfe der Fetch-API effektiv POSTEN. Denken Sie daran, die URL und Daten an Ihre spezifischen Anforderungen anzupassen.

Das obige ist der detaillierte Inhalt vonWie kann ich JSON-Daten effektiv mit der POST-Methode von Fetch senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!