Récupérer les données d'un objet ReadableStream?

Comment puis-je obtenir des informations sur un ReadableStreamobjet?

J'utilise l'API Fetch et je ne vois pas cela clairement dans la documentation.

Le corps est renvoyé en tant que ReadableStreamet je voudrais simplement accéder à une propriété dans ce flux. Sous Réponse dans les outils de développement du navigateur, il semble que ces informations soient organisées en propriétés, sous la forme d'un objet 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();
    })

Pour accéder aux données à partir d'un, ReadableStreamvous devez appeler l'une des méthodes de conversion (documentation disponible ici ).

Par exemple:

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: Si votre type de retour de données n'est pas JSON ou si vous ne voulez pas JSON, utiliseztext()

Par exemple:

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

J'espère que cela aidera à clarifier les choses.

Certaines personnes peuvent trouver un asyncexemple utile:

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

json()convertit le corps de la réponse de a ReadableStreamen objet json.

Les awaitinstructions doivent être encapsulées dans une asyncfonction, cependant vous pouvez exécuter des awaitinstructions directement dans la console de Chrome (à partir de la version 62).

res.json()renvoie une promesse. Essayez ...

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

Un peu tard à la fête, mais j'ai eu des problèmes pour obtenir quelque chose d'utile d'un ReadableStream j'ai d'une demande de lot Odata $ en utilisant le Framework Sharepoint.

Avait des problèmes similaires à OP, mais la solution dans mon cas était d'utiliser une méthode de conversion différente de celle .json(). Dans mon cas, a .text()fonctionné comme un charme. Quelques manipulations étaient cependant nécessaires pour obtenir du JSON utile à partir du fichier texte.

Si vous voulez juste la réponse sous forme de texte et que vous ne voulez pas la convertir en JSON, utilisez https://developer.mozilla.org/en-US/docs/Web/API/Body/text et ensuite thenpour obtenir le réel résultat de la promesse:

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

Je n'aime pas l'enchaînement alors. Le second n'a alors pas accès au statut. Comme indiqué précédemment, 'response.json ()' renvoie une promesse. Renvoyer le résultat then de 'response.json ()' dans un acte similaire à un second alors. Il a l'avantage supplémentaire d'être dans le champ de la réponse.

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

Notez que vous ne pouvez lire un flux qu'une seule fois, donc dans certains cas, vous devrez peut-être cloner la réponse afin de la lire à plusieurs reprises:

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