How to solve this "Caution: request is not finished yet in chrome"

json ajax request
Hiral Shah picture Hiral Shah · Aug 22, 2017 · Viewed 23.8k times · Source

I am facing an issue related to loading JSON data.

When I monitor JSON call on Developer Tools of Chrome, I get the following message in the network tab of Chrome Developer Tools.

Caution: request is not finished yet

Attaching a snip for reference:

enter image description here

Answer

adrihanu picture adrihanu · Jun 5, 2020

I had the same issue when using the fetch function in JavaScript. To solve it, make sure you call a method that reads the body of the response like json() or text():

// Sends request and loads only headers
fetch('/foo');

// Sends request, loads headers and then fetches the body as JSON
fetch('/foo').then(response => response.json());

In my case response headers were also loaded properly and I had a successful HTTP status code, but I was missing the body content and I had Caution: request is not finished yet inside Chrome Developer Tools.

It is coused by two-step response loading. If you are using some low-level API, make sure that you fetch not only headers, which arrive first, but also body content that comes later as a stream.

Related questions

Javascript : Send JSON Object with Ajax?

Is this possible? xmlHttp.send({ "test" : "1", "test2" : "2", }); Maybe with: a header with content type : application/json?: xmlHttp.setRequestHeader('Content-Type', 'application/json') Otherwise I can use: xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded') and then JSON.stringify the JSON object and send it …

Read More
How to parse JSON data with jQuery / JavaScript?

I have a AJAX call that returns some JSON like this: $(document).ready(function () { $.ajax({ type: 'GET', url: 'http://example/functions.php', data: { get_param: 'value' }, success: function (data) { var names = data $('#cand').html(data); } }); }); Inside the #cand div …

Read More
Serializing to JSON in jQuery

I need to serialize an object to JSON. I'm using jQuery. Is there a "standard" way to do this? My specific situation: I have an array defined as shown below: var countries = new Array(); countries[0] = 'ga'; countries[1] = 'cd'; ... and I …

Read More