Recuperare dati da un oggetto ReadableStream?

Come posso ottenere informazioni da un ReadableStreamoggetto?

Sto usando l'API Fetch e non vedo questo per essere chiaro dalla documentazione.

Il corpo viene restituito come ReadableStreame vorrei semplicemente accedere a una proprietà all'interno di questo flusso. In Risposta negli strumenti di sviluppo del browser, sembra che queste informazioni siano organizzate in proprietà, sotto forma di un oggetto 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();
    })

Per accedere ai dati da un ReadableStreamdevi chiamare uno dei metodi di conversione (documenti disponibili qui ).

Come esempio:

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

MODIFICA: Se il tipo di restituzione dei dati non è JSON o non si desidera JSON, utilizzaretext()

Come esempio:

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

Spero che questo aiuti a chiarire le cose.

Alcune persone potrebbero trovare asyncutile un esempio:

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

json()converte il corpo della risposta da a ReadableStreama un oggetto json.

Le awaitistruzioni devono essere racchiuse in una asyncfunzione, tuttavia è possibile eseguire le awaitistruzioni direttamente nella console di Chrome (dalla versione 62).

res.json()restituisce una promessa. Provare ...

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

Un po 'in ritardo alla festa, ma ho avuto dei problemi con ottenere qualcosa di utile da un ReadableStream prodotto generato da una richiesta batch di Odata $ utilizzando Sharepoint Framework.

Aveva problemi simili a quelli di OP, ma la soluzione nel mio caso era quella di utilizzare un metodo di conversione diverso rispetto a .json(). Nel mio caso ha .text()funzionato come un fascino. Era tuttavia necessario un po 'di armeggiamento per ottenere qualche utile JSON dal file di testo.

Se vuoi solo la risposta come testo e non vuoi convertirla in JSON, usa https://developer.mozilla.org/en-US/docs/Web/API/Body/text e poi thenper ottenere l'effettivo risultato della promessa:

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

Non mi piacciono i concatenati. Il secondo quindi non ha accesso allo stato. Come affermato in precedenza, "response.json ()" restituisce una promessa. Restituisce quindi il risultato di "response.json ()" in un atto simile a un secondo. Ha l'ulteriore vantaggio di essere nell'ambito della risposta.

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

Tieni presente che puoi leggere uno stream solo una volta, quindi in alcuni casi potrebbe essere necessario clonare la risposta per leggerlo ripetutamente:

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))