Recuperar dados de um objeto ReadableStream?

Como posso obter informações de um ReadableStreamobjeto?

Estou usando a API de busca e não vejo isso claro na documentação.

O corpo está sendo retornado como ReadableStreame eu simplesmente gostaria de acessar uma propriedade dentro desse fluxo. Em Resposta nas ferramentas de desenvolvimento do navegador, parece que essas informações estão organizadas em propriedades, na forma de um objeto 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();
    })

Para acessar os dados de um, ReadableStreamé necessário chamar um dos métodos de conversão (documentos disponíveis aqui ).

Como um exemplo:

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": "..." }
  });

EDIT: Se o seu tipo de retorno de dados não é JSON ou você não deseja JSON, usetext()

Como um exemplo:

fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(function(response) {
    return response.text();
  }).then(function(data) {
    console.log(data); // this will be a string
  });

Espero que isso ajude a esclarecer as coisas.

Algumas pessoas podem achar um asyncexemplo útil:

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

json()converte o corpo da resposta de um ReadableStreamobjeto json.

As awaitinstruções devem ser agrupadas em uma asyncfunção, no entanto, você pode executar awaitinstruções diretamente no console do Chrome (a partir da versão 62).

res.json()retorna uma promessa. Experimentar ...

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

Um pouco atrasado para a festa, mas teve alguns problemas para obter algo útil de um ReadableStream solicitação de lote produzida em Odata $ usando o Sharepoint Framework.

Teve problemas semelhantes aos do OP, mas a solução no meu caso foi usar um método de conversão diferente do que .json(). No meu caso, .text()funcionou como um encanto. No entanto, foi necessário algum trabalho para obter JSON útil do arquivo de texto.

Se você deseja apenas a resposta como texto e não deseja convertê-la em JSON, use https://developer.mozilla.org/en-US/docs/Web/API/Body/text e, em seguida then, obtenha a resposta real resultado da promessa:

fetch('city-market.md')
  .then(function(response) {
    response.text().then((s) => console.log(s));
  });

ou

fetch('city-market.md')
  .then(function(response) {
    return response.text();
  })
  .then(function(myText) {
    console.log(myText);
  });

Não gosto do encadeamento de três. O segundo, então, não tem acesso ao status. Como afirmado anteriormente, 'response.json ()' retorna uma promessa. Retornando o resultado then de 'response.json ()' em um ato semelhante a um segundo então. Tem o bônus adicional de estar no escopo da resposta.

return fetch(url, params).then(response => {
    return response.json().then(body => {
        if (response.status === 200) {
            return body
        } else {
            throw body
        }
    })
})

Observe que você só pode ler um fluxo uma vez; portanto, em alguns casos, pode ser necessário clonar a resposta para lê-la repetidamente:

fetch('example.json')
  .then(res=>res.clone().json())
  .then( json => console.log(json))

fetch('url_that_returns_text')
  .then(res=>res.clone().text())
  .then( text => console.log(text))