Pobrać dane z obiektu ReadableStream?

Jak mogę uzyskać informacje z ReadableStreamobiektu?

Używam Fetch API i nie widzę tego w dokumentacji.

Ciało jest zwracane jako a ReadableStreami chciałbym po prostu uzyskać dostęp do właściwości w tym strumieniu. W sekcji Response w narzędziach programistycznych przeglądarki wydaje mi się, że informacje te są uporządkowane we właściwościach w postaci obiektu 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();
    })

Aby uzyskać dostęp do danych z a ReadableStream, należy wywołać jedną z metod konwersji (dokumenty dostępne tutaj ).

Jako przykład:

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

EDYCJA: Jeśli typ zwracanych danych nie jest JSON lub nie chcesz JSON, użyjtext()

Jako przykład:

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

Mam nadzieję, że to pomoże wyjaśnić sprawę.

Niektórym może asyncprzydać się przykład:

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

json()konwertuje treść odpowiedzi z obiektu a ReadableStreamna obiekt json.

Te awaitoświadczenia muszą być opakowane w asyncfunkcji, jednak można uruchomić awaitsprawozdań bezpośrednio w konsoli Chrome (od wersji 62).

res.json()zwraca obietnicę. Próbować ...

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

Trochę późno na imprezę, ale miałem problemy z uzyskaniem czegoś użytecznego z ReadableStreamwygenerowanego z żądania wsadowego Odata $ przy użyciu Sharepoint Framework.

Miał podobne problemy jak OP, ale rozwiązaniem w moim przypadku było użycie innej metody konwersji niż .json(). W moim przypadku .text()zadziałało jak urok. Konieczne były jednak pewne manipulacje, aby uzyskać przydatny kod JSON z pliku tekstowego.

Jeśli chcesz, aby odpowiedź była tylko tekstem i nie chcesz konwertować jej na JSON, użyj https://developer.mozilla.org/en-US/docs/Web/API/Body/text, a następnie then, aby uzyskać rzeczywisty wynik obietnicy:

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

lub

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

Nie lubię wtedy łańcuchów. Drugi nie ma wtedy dostępu do statusu. Jak wspomniano wcześniej, „response.json ()” zwraca obietnicę. Zwrócenie wyniku „response.json ()” następnie w działaniu podobnym do sekundy to. Ma dodatkową zaletę, że znajduje się w zakresie odpowiedzi.

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

Pamiętaj, że strumień można odczytać tylko raz, więc w niektórych przypadkach może być konieczne sklonowanie odpowiedzi w celu wielokrotnego czytania:

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