How can I get the http status code with javascript?

Question

How can I retrieve the http status code returned from the server (200, 302 etc.) from javascript/jquery?

I am NOT looking to get this from an ajax request. I want to retrieve it on the initial page load and take some custom actions based on the status code.

P.S, The solution doesn't necessarily need to be cross browser. This is for an internal application and so any browser specific solutions would be acceptable.

JavaScript can't log requests aren't made through AJAX; therefore, this can't be done. Additionally, there is no built-in object or variable that could have this. — Adam Azad, Jan 07 '16 at 22:50
I'm voting to close this question as off-topic because what OP is asking is not possible — Andreas Louv, Jan 07 '16 at 22:52
if you use some framework, you can display a variable $statusCode in your template, and in the controller (or php code or whatever) you get $statusCode = $this->response->getStatusCode(); — Pierre Emmanuel Lallemant, Jan 07 '16 at 22:52
@PierreEmmanuelLallemant You're still making a request, which is not what OP asked for. — GAntoine, Jan 07 '16 at 22:52
@ArcaneCraeda: there is always one request to load the page, it's what he is speaking about. — Pierre Emmanuel Lallemant, Jan 07 '16 at 22:53
@PierreEmmanuelLallemant I don't have access to the server side code. I need to do this on the client. — reggaemahn, Jan 07 '16 at 22:54
@PierreEmmanuelLallemant, this involves making an AJAX request to self-page. While this is a working workaround, but may not be what OP asking for. Good suggestion though! — Adam Azad, Jan 07 '16 at 22:54
example: in the template of the page: you can insert `var status_code = getStatusCode(); ?>` . This is the server side which can set the status code value. — Pierre Emmanuel Lallemant, Jan 07 '16 at 22:55

score 6 · Accepted Answer · edited May 23 '17 at 12:10

6

Just to confirm what's been said in the comments:

It's not possible to do this reliably from the server. The response might not come from the original server, e.g. if there's a cache in between the server and client.
It's not possible to do this reliably using AJAX to re-request the same page. The response to the second request might differ from that of the original request, e.g. if the server returns a not-modified response to the second request.
It's not possible to do this with standard browsers using any known JavaScript API. That's a question that's been asked often. See, for example Accessing the web page's HTTP Headers in JavaScript

edited May 23 '17 at 12:10

Community

1
1

answered Jan 07 '16 at 23:07

Stephen Thomas

13,843
2
32
53

There is a way to do this reliably with a webworker. But it assumes you've loaded the page at least once before so that you installed the webworker, after that you can intercept all the requests and their status code, the only annoying part is that it doesn't work for the first page load but you could ask it to reload the page straight away after install to mitigate this issue – Tofandel Feb 01 '22 at 21:40

How can I get the http status code with javascript?

1 Answers1