ReadableStream nesnesinden veri alınsın mı?

Bir ReadableStreamnesneden nasıl bilgi alabilirim ?

Getirme API'sını kullanıyorum ve bunun belgelerden anlaşılır olduğunu görmüyorum.

Gövde bir olarak iade ediliyor ReadableStreamve bu akış içindeki bir özelliğe erişmek istiyorum. Tarayıcı geliştirme araçlarındaki Yanıt altında, bu bilgilerin bir JavaScript nesnesi biçiminde özellikler halinde düzenlenmiş gibi görünüyor.

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

Verilere a'dan erişmek için ReadableStreamdönüştürme yöntemlerinden birini çağırmanız gerekir (belgeler burada mevcuttur ).

Örnek olarak:

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

DÜZENLEME: Veri dönüş türünüz JSON değilse veya JSON istemiyorsanıztext()

Örnek olarak:

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

Umarım bu, işleri düzeltmeye yardımcı olur.

Bazı insanlar bir asyncörneği faydalı bulabilir :

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

json()yanıtın gövdesini ReadableStreama'dan json nesnesine dönüştürür.

awaitİfadeleri bir sarılmış olmalıdır asyncancak çalıştırabileceğiniz, fonksiyonu await(versiyonunda 62 itibariyle) Chrome konsolda doğrudan ifadeleri.

res.json()bir söz verir. Deneyin ...

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

Partiye biraz geç kaldı, ancak ReadableStreamSharepoint Çerçevesi kullanılarak bir Odata $ toplu isteğinden üretilen birinden yararlı bir şey elde etmede bazı sorunlar yaşadım.

OP ile benzer sorunlar vardı, ancak benim durumumdaki çözüm, bundan farklı bir dönüştürme yöntemi kullanmaktı .json(). Benim durumumda .text()bir cazibe gibi çalıştı. Bununla birlikte, metin dosyasından bazı yararlı JSON almak için biraz uğraşmak gerekiyordu.

Yanıtı yalnızca metin olarak istiyorsanız ve JSON'a dönüştürmek istemiyorsanız, https://developer.mozilla.org/en-US/docs/Web/API/Body/text adresini kullanın ve ardından thenasıl sözün sonucu:

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

veya

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

Zincirlemekten hoşlanmıyorum. İkincisi daha sonra duruma erişemez. Daha önce belirtildiği gibi 'response.json ()' bir söz verir. Ardından, 'response.json ()' sonucunu bir saniyeye benzer bir eylemde döndürmek. Yanıt kapsamında olmanın ek bonusuna sahiptir.

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

Bir akışı yalnızca bir kez okuyabileceğinizi unutmayın, bu nedenle bazı durumlarda, tekrar tekrar okumak için yanıtı klonlamanız gerekebilir:

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