Fetch API: how can I access the payload of a chunked response?

Question

I'm making a simple GET request using the Fetch API and the response has:

Transfer-Encoding: chunked

The network inspector in the Firefox dev tools shows me a chunk (a partial JSON response) in the payload, but I can't figure out how to access it in JavaScript.

Interestingly, even though the response status is 200, response.ok is false.

So how can I access the payload?

I observe the same behavior. It seems browsers don't properly implement fetch for Transfer-Encoding: chunked responses. I will try to just return the response without specifying that transfer encoding and without separating chunks, just sending data slowly over the tcp socket... — masterxilo
– masterxilo, Commented Mar 26, 2022 at 17:53
hmm, I got it working by using CORS properly, i.e. removing mode: 'no-cors', — masterxilo
– masterxilo, Commented Mar 26, 2022 at 18:29

Horia Coman · Accepted Answer · 2017-12-09 14:56:17Z

1

You might be able to use the fetch response's body field, which is a stream like object with support for streaming reads. As long as you're reading data you've received, you should be OK to process it in a streaming manner.

Here is an example of using the Reader associated with the body stream to read chunks.

answered Dec 9, 2017 at 14:56

Horia Coman

8,8012 gold badges25 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

natearn Over a year ago

unfortunately, response.body is undefined, which was the surprise that sent me here. I should have mentioned that.

Horia Coman Over a year ago

Does that change when you receive the whole response?

Collectives™ on Stack Overflow

Fetch API: how can I access the payload of a chunked response?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related