Retrieve data from a ReadableStream object?

by

In order to access the data from a ReadableStream you need to call one of the conversion methods (docs available here).

As an example:

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: If your data return type is not JSON or you don’t want JSON then use text()

As an example:

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

Hope this helps clear things up.

More Related Contents:

  1. Trying to use fetch and pass in mode: no-cors
  2. Why does .json() return a promise?
  3. 5xx or 4xx error with “No ‘Access-Control-Allow-Origin’ header is present”
  4. Error when accessing API with fetch while setting mode to ‘no-cors’ [duplicate]
  5. How do I POST a x-www-form-urlencoded request using Fetch?
  6. React Native fetch() Network Request Failed
  7. How do I post form data with fetch api?
  8. How do I POST with multipart form data using fetch?
  9. Upload progress indicators for fetch?
  10. fetch: Reject promise with JSON error object
  11. fetch resolves even if 404?
  12. fetch(), how do you make a non-cached request?
  13. POST Request with Fetch API?
  14. Returning HTML With fetch()
  15. using a fetch inside another fetch in javascript
  16. fetch – Missing boundary in multipart/form-data POST
  17. fetch() unexpected end of input
  18. Why is the response object from JavaScript fetch API a promise?
  19. Intercept fetch() API requests and responses in JavaScript
  20. Cannot load Deezer API resources from localhost with the Fetch API
  21. Hide 401 console.error in chrome dev tools getting 401 on fetch() call [duplicate]
  22. Unable to fetch POST without no-cors in header
  23. Empty body in fetch POST request
  24. Javascript: Fetch DELETE and PUT requests
  25. how to process fetch response from an ‘opaque’ type?
  26. fetch retry request (on failure)
  27. UseEffect being called multiple times
  28. fetch API returning an empty string
  29. React-native upload image to amazons s3
  30. How do I download a file from FastAPI backend using JavaScript Fetch API in the frontend?

Leave a Comment