Lấy dữ liệu từ một đối tượng ReadableStream?

Làm thế nào tôi có thể nhận được thông tin từ một ReadableStreamđối tượng?

Tôi đang sử dụng API tìm nạp và tôi không thấy điều này rõ ràng trong tài liệu.

Cơ thể đang được trả lại dưới dạng ReadableStreamvà tôi chỉ muốn truy cập vào một tài sản trong luồng này. Trong phần Phản hồi trong các công cụ phát triển trình duyệt, tôi dường như sắp xếp thông tin này thành các thuộc tính, dưới dạng một đối tượng 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();
    })

Để truy cập dữ liệu từ một ReadableStreambạn cần gọi một trong các phương thức chuyển đổi (tài liệu có sẵn ở đây ).

Ví dụ:

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: Nếu kiểu trả về dữ liệu của bạn không phải là JSON hoặc bạn không muốn JSON thì hãy sử dụngtext()

Ví dụ:

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

Hy vọng điều này sẽ giúp mọi thứ rõ ràng lên.

Một số người có thể tìm thấy một asyncví dụ hữu ích:

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

json()chuyển đổi cơ thể của phản ứng từ một ReadableStreamđối tượng json.

Các awaitcâu lệnh phải được gói trong một asyncchức năng, tuy nhiên bạn có thể chạy các awaitcâu lệnh trực tiếp trong bảng điều khiển của Chrome (kể từ phiên bản 62).

res.json()trả lại một lời hứa. Thử ...

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

Đến bữa tiệc muộn một chút nhưng có một số vấn đề với việc lấy thứ gì đó hữu ích từ ReadableStream sản phẩm được tạo ra từ yêu cầu lô Odata $ sử dụng Sharepoint Framework.

Có vấn đề tương tự như OP, nhưng giải pháp trong trường hợp của tôi là sử dụng một phương thức chuyển đổi khác .json(). Trong trường hợp của tôi .text()làm việc như một lá bùa. Tuy nhiên, một số vấn đề cần thiết là có được một số JSON hữu ích từ tệp văn bản.

Nếu bạn chỉ muốn phản hồi dưới dạng văn bản và không muốn chuyển đổi nó thành JSON, hãy sử dụng https://developer.mozilla.org/en-US/docs/Web/API/Body/text và sau thenđó để có được thực tế kết quả của lời hứa:

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

hoặc là

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

Tôi không thích dây xích. Thứ hai sau đó không có quyền truy cập vào trạng thái. Như đã nêu trước 'answer.json ()' trả lại một lời hứa. Trả về kết quả sau đó của 'answer.json ()' trong một hành vi tương tự như một giây sau đó. Nó có thêm phần thưởng là trong phạm vi của phản ứng.

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

Lưu ý rằng bạn chỉ có thể đọc một luồng một lần, vì vậy trong một số trường hợp, bạn có thể cần sao chép phản hồi để đọc lại nhiều lần:

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