Daten von einem ReadableStream-Objekt abrufen?

Wie kann ich Informationen von einem ReadableStreamObjekt erhalten?

Ich verwende die Fetch-API und sehe dies nicht in der Dokumentation.

Der Körper wird als zurückgegeben ReadableStreamund ich möchte einfach auf eine Eigenschaft innerhalb dieses Streams zugreifen. Unter Antwort in den Browser-Entwicklungstools scheinen diese Informationen in Form eines JavaScript-Objekts in Eigenschaften organisiert zu sein.

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

Um von einem auf die Daten zugreifen zu können ReadableStream, müssen Sie eine der Konvertierungsmethoden aufrufen (Dokumente hier verfügbar ).

Als Beispiel:

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

BEARBEITEN: Wenn Ihr Datenrückgabetyp nicht JSON ist oder Sie JSON nicht möchten, verwenden Sietext()

Als Beispiel:

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

Hoffe, das hilft, die Dinge zu klären.

Einige Leute mögen ein asyncBeispiel nützlich finden:

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

json()konvertiert den Körper der Antwort von einem ReadableStreamin ein JSON-Objekt.

Die awaitAnweisungen müssen in eine asyncFunktion eingeschlossen sein. Sie können awaitAnweisungen jedoch direkt in der Konsole von Chrome ausführen (ab Version 62).

res.json()gibt ein Versprechen zurück. Versuchen ...

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

Etwas spät zur Party, hatte aber einige Probleme damit, etwas Nützliches ReadableStreamaus einer Odata $ Batch-Anfrage herauszuholen , die das Sharepoint Framework verwendet.

Hatte ähnliche Probleme wie OP, aber die Lösung in meinem Fall bestand darin, eine andere Konvertierungsmethode als zu verwenden .json(). In meinem Fall .text()hat es wie ein Zauber funktioniert. Einige Fummelei war jedoch notwendig, um einige nützliche JSON aus der Textdatei zu erhalten.

Wenn Sie die Antwort nur als Text wünschen und nicht in JSON konvertieren möchten, verwenden Sie https://developer.mozilla.org/en-US/docs/Web/API/Body/text und dann thenden tatsächlichen Ergebnis des Versprechens:

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

oder

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

Ich mag die Verkettung nicht. Der zweite hat dann keinen Zugriff auf den Status. Wie bereits erwähnt, gibt 'response.json ()' ein Versprechen zurück. Das Rückgabe des then-Ergebnisses von 'response.json ()' erfolgt in einer Aktion ähnlich einer Sekunde. Es hat den zusätzlichen Vorteil, im Umfang der Antwort zu sein.

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

Beachten Sie, dass Sie einen Stream nur einmal lesen können. In einigen Fällen müssen Sie die Antwort möglicherweise klonen, um sie wiederholt zu lesen:

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