取得: JSON データを転送する

Question

fetch メソッドを使用して JSON オブジェクトを POST しようとしています。

私の理解によれば、文字列化されたオブジェクトをリクエストの本文に追加する必要があります。例:

fetch("/echo/json/",
{
    ヘッダー: {
      '受け入れる': 'アプリケーション/json',
      'コンテンツタイプ': 'アプリケーション/json'
    }、
    メソッド: "POST"、
    本文: JSON.stringify({a: 1, b: 2})
})
.then(関数(res){ console.log(res) })
.catch(関数(res){ console.log(res) })

jsfiddle の JSON エコーを使用すると、送信しているオブジェクト ({a: 1, b: 2}) が表示されると期待されますが、これは起こりません- Chrome 開発 このツールはリクエストの一部として JSON さえ表示しません。これはリクエストが送信されていないことを意味します。

Answer 1

あなたの問題は、jsfiddle が form-urlencoded リクエストしか処理できないことだと思います。ただし、正しい方法は、正しい json をリクエスト本文として渡すことです:

リーリー

Answer 2

ES2017 の async/await サポート を使用して、POST JSON データを行う方法は次のとおりです:

リーリー