ReadableStreamオブジェクトからデータを取得しますか？

Question

ReadableStreamオブジェクトから情報を取得するにはどうすればよいですか？

私はFetch APIを使用していますが、これはドキュメントから明らかではありません。

本文がReadableStreamとして返されているため、このストリーム内のプロパティにアクセスしたいだけです。私は、ブラウザの開発ツールの「レスポンス」の下で、この情報をJavascriptオブジェクトの形式でプロパティにまとめるように見えます。

fetch('http://192.168.5.6:2000/api/car', obj) 
    .then((res) => { 
     if(res.status == 200) { 
      console.log("Success :" + res.statusText); //works just fine 
     } 
     else if(res.status == 400) { 
      console.log(JSON.stringify(res.body.json()); //res.body is undefined. 
     } 

     return res.json(); 
    }) 

ありがとうございます。

Answer 1

ReadableStreamからデータにアクセスするには、変換方法の1つ（docs available here）を呼び出す必要があります。一例として、

：

fetch('https://jsonplaceholder.typicode.com/posts/1') 
    .then(function(response) { 
    // The response is a Response instance. 
    // You parse the data into a useable format using `.json()` 
    return response.json(); 
    }).then(function(data) { 
    // `data` is the parsed version of the JSON returned from the above endpoint. 
    console.log(data); // { "userId": 1, "id": 1, "title": "...", "body": "..." } 
    }); 

が、これは明確に物事をアップに役立ちます願っています。

Answer 2

res.json()は約束を返します。

var response = await fetch("https://httpbin.org/ip"); 
var body = await response.json(); // .json() is asynchronous and therefore must be awaited 

json()がReadableStreamからJSONオブジェクトに応答者の身体を変換します。試してみてください...

res.json().then(body => console.log(body)); 

Answer 3

一部の人々は便利async例を見つけることができます。

awaitステートメントはasync関数にラップする必要がありますが、awaitステートメントはChromeのコンソール（バージョン62以降）で直接実行できます。