Получить данные из объекта ReadableStream?

Как я могу получить информацию от ReadableStreamобъекта?

Я использую Fetch API и не вижу, чтобы это было ясно из документации.

Тело возвращается как объект, ReadableStreamи я просто хотел бы получить доступ к свойству в этом потоке. В разделе «Ответ» в инструментах разработчика браузера я, кажется, организовал эту информацию в свойствах в форме объекта 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();
    })

Чтобы получить доступ к данным из файла, ReadableStreamвам необходимо вызвать один из методов преобразования (документы доступны здесь ).

Например:

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

РЕДАКТИРОВАТЬ: если ваш тип возвращаемых данных не JSON или вы не хотите JSON, используйтеtext()

Например:

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

Надеюсь, это поможет прояснить ситуацию.

Некоторым может asyncпригодиться пример:

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

json()преобразует тело ответа из объекта ReadableStreamjson.

Эти awaitзаявления должны быть завернуты в asyncфункции, однако вы можете запустить awaitзаявления непосредственно в консоли Chrome (в версии 62).

res.json()возвращает обещание. Пытаться ...

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

Немного опоздал на вечеринку, но возникли проблемы с получением чего-то полезного из ReadableStreamпакетного запроса, созданного с помощью Odata $, с использованием Sharepoint Framework.

Были проблемы, аналогичные OP, но решение в моем случае заключалось в использовании другого метода преобразования, чем .json(). В моем случае .text()сработало как шарм. Однако, чтобы получить полезный JSON из текстового файла, потребовалось немного возиться.

Если вы просто хотите получить ответ в виде текста и не хотите преобразовывать его в JSON, используйте https://developer.mozilla.org/en-US/docs/Web/API/Body/text, а затем thenего, чтобы получить фактический результат обещания:

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

или

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

Мне не нравятся цепочки. Второй тогда не имеет доступа к статусу. Как было сказано ранее, response.json () возвращает обещание. Возврат тогда результата response.json () в a действует аналогично секунде then. У него есть дополнительный бонус, заключающийся в том, что он находится в рамках ответа.

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

Обратите внимание, что вы можете прочитать поток только один раз, поэтому в некоторых случаях вам может потребоваться клонировать ответ, чтобы повторно читать его:

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