Mengambil data dari objek ReadableStream?

Bagaimana saya bisa mendapatkan informasi dari suatu ReadableStreamobjek?

Saya menggunakan API Ambil dan saya tidak melihat ini jelas dari dokumentasi.

Tubuh sedang dikembalikan sebagai a ReadableStreamdan saya hanya ingin mengakses properti dalam aliran ini. Di bawah Respons di alat pengembang peramban, saya sepertinya mengatur informasi ini ke dalam properti, dalam bentuk objek 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();
    })

Untuk mengakses data dari ReadableStreamAnda harus memanggil salah satu metode konversi (dokumen tersedia di sini ).

Sebagai contoh:

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: Jika tipe pengembalian data Anda bukan JSON atau Anda tidak ingin JSON, gunakantext()

Sebagai contoh:

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

Semoga ini bisa membantu membereskan semuanya.

Beberapa orang mungkin menemukan asynccontoh yang bermanfaat:

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

json()mengubah tubuh respons dari objek ReadableStreamke objek json.

The awaitpernyataan harus dibungkus dalam sebuah asyncfungsi, namun Anda dapat menjalankan awaitpernyataan langsung di konsol Chrome (sebagai versi 62).

res.json()mengembalikan janji. Coba ...

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

Sedikit terlambat ke pesta tetapi memiliki beberapa masalah dengan mengeluarkan sesuatu yang bermanfaat dari a ReadableStream dihasilkan dari permintaan $ batch Odata menggunakan Sharepoint Framework.

Punya masalah serupa dengan OP, tetapi solusi dalam kasus saya adalah menggunakan metode konversi yang berbeda dari .json(). Dalam kasus saya .text()bekerja seperti pesona. Namun beberapa biola diperlukan untuk mendapatkan JSON yang berguna dari filefile.

Jika Anda hanya ingin respons sebagai teks dan tidak ingin mengubahnya menjadi JSON, gunakan https://developer.mozilla.org/en-US/docs/Web/API/Body/text dan kemudian thenuntuk mendapatkan yang sebenarnya hasil dari janji:

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

atau

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

Saya tidak suka chaining thens. Yang kedua kemudian tidak memiliki akses ke status. Seperti yang dinyatakan sebelumnya 'response.json ()' mengembalikan janji. Mengembalikan hasil kemudian dari 'response.json ()' dalam tindakan yang mirip dengan yang kedua itu. Ini memiliki bonus tambahan berada dalam ruang lingkup respons.

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

Perhatikan bahwa Anda hanya dapat membaca streaming sekali, jadi dalam beberapa kasus, Anda mungkin perlu mengkloning respons agar dapat membacanya berulang kali:

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