¿Recuperar datos de un objeto ReadableStream?

¿Cómo puedo obtener información de un ReadableStreamobjeto?

Estoy usando la API Fetch y no veo que esto esté claro en la documentación.

El cuerpo se devuelve como ReadableStreamay simplemente me gustaría acceder a una propiedad dentro de esta secuencia. En Respuesta en las herramientas de desarrollo del navegador, parece que tengo esta información organizada en propiedades, en forma de un 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 acceder a los datos desde un ReadableStreamdebe llamar a uno de los métodos de conversión (documentos disponibles aquí ).

Como ejemplo:

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

EDITAR: si su tipo de retorno de datos no es JSON o no desea JSON, usetext()

Como ejemplo:

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 esto ayude a aclarar las cosas.

Algunas personas pueden encontrar un asyncejemplo útil:

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

json()convierte el cuerpo de la respuesta de ReadableStreama en un objeto json.

Las awaitdeclaraciones deben estar envueltas en una asyncfunción, sin embargo, puede ejecutarlas awaitdirectamente en la consola de Chrome (a partir de la versión 62).

res.json()devuelve una promesa Tratar ...

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

Un poco tarde para la fiesta, pero tuve algunos problemas para obtener algo útil de un ReadableStreamLlegó un solicitud producida a partir de un lote de Odata $ usando el Marco de Sharepoint.

Tuve problemas similares a los de OP, pero la solución en mi caso fue usar un método de conversión diferente que .json(). En mi caso .text()funcionó a las mil maravillas. Sin embargo, fue necesario jugar un poco para obtener algunos JSON útiles del archivo de texto.

Si solo desea la respuesta como texto y no desea convertirla en JSON, use https://developer.mozilla.org/en-US/docs/Web/API/Body/text y luego thenpara obtener la respuesta real resultado de la promesa:

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

o

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

No me gustan los encadenamientos. El segundo entonces no tiene acceso al estado. Como se indicó antes, 'response.json ()' devuelve una promesa. Devolver el resultado de 'response.json ()' en un acto similar a un segundo entonces. Tiene la ventaja adicional de estar dentro del alcance de la respuesta.

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

Tenga en cuenta que solo puede leer una secuencia una vez, por lo que en algunos casos, es posible que deba clonar la respuesta para leerla 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))