Отримати дані з об’єкта ReadableStream?

Як я можу отримати інформацію від ReadableStreamоб'єкта?

Я використовую API Fetch, і я не бачу цього в документації.

Тіло повертається як 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()перетворює тіло відповіді з ReadableStreamоб'єкта в json.

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

res.json()повертає обіцянку. Спробуйте ...

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

Трохи запізнювались на вечірку, але виникли деякі проблеми з отриманням чогось корисного з ReadableStreamотриманого з пакетного запиту Odata $ за допомогою Sharepoint Framework.

У мене були подібні проблеми, як у ОП, але в моєму випадку рішення було використовувати інший метод перетворення, ніж .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 ()' у діях, подібних до секунди. Він має додатковий бонус за те, щоб бути в межах відповіді.

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