Problems Reading the HTTP Status/Error Code from jQuery AJAX

Asked 7/10, 2011 at 9:21 Answered 7/10, 2011 at 16:22

I'm trying to appropriately handle a HTTP status error (404, 501, etc) that might be returned by any AJAX call in jQuery (I'm using version 1.6.4) however for the life of me I can't get out the appropriate response code (all values are '0' or 'error' and nothing more specific).

UPDATE: created a JSFIDDLE here

UPDATE: added statusCode: { *** } as per 3nigma's suggestion BUT which does not fire

<!DOCTYPE html><html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
        function doAjax()
        {
            $.ajax({
                type: "GET",
                url: "http://www.non-existant-url.com/",
                success: function(data, textStatus, jqXHR){
                    alert("Success");
                },
                error: function (xhr, textStatus, errorThrown) {
                     console.log("xhr.status: " + xhr.status);
                     console.log("xhr.statusText: " + xhr.statusText);
                     console.log("xhr.readyState: " + xhr.readyState);
                     console.log("xhr.responseText: " + xhr.responseText);
                     console.log("xhr.responseXML: " + xhr.responseXML);
                     console.log("textStatus: " + textStatus);
                     console.log("errorThrown: " + errorThrown);
                     console.log("xhr.redirect: " + xhr.redirect);
                        },
                statusCode: {
                    404: function () { console.log("404"); },
                    501: function () { console.log("501"); },
                    502: function () { console.log("502"); }
                }
            });
        }
    </script>
</head>
<body><button onclick="doAjax();">Do AJAX</button></body>
</html>

The output I get is as follows:

Console Output

FYI I've studied the documentation at...

http://api.jquery.com/jQuery.ajax/ (the "error(jqXHR, textStatus, errorThrown)" section) http://api.jquery.com/jQuery.ajax/#jqXHR

but the jqXHR doesn't seem to be populating properly. I must be doing something wrong and I've run out of ideas now so I would really appreciate some help. Thanks!

Foretopmast answered 7/10, 2011 at 9:21 Comment(0)

I'm a numpty, ajax doesn't work cross-domain for security reasons. If I change the url so that its targetting the same domain as the host then the status codes and text etc is miraculously populated.

I've added another JSFIDDLE example to demonstrate this here.

Foretopmast answered 7/10, 2011 at 16:22 Comment(0)

try using statusCode added in jquery 1.5

$.ajax({
  ...
  statusCode: {
    502: function() {
      alert('502');
    }
  }
});

Milestone answered 7/10, 2011 at 9:25 Comment(2)

Thanks for your reply. I've tried this but the function isn't invoked. I'll update my original post to reflect your suggestion. – Foretopmast 7/10, 2011 at 9:52

This is implemented in jQuery 1.6. To Check your jQuery version you can use: https://mcmap.net/q/74485/-get-jquery-version-from-inspecting-the-jquery-object The Documentation: api.jquery.com/jquery.ajax – Savoy 29/7, 2014 at 14:0

I'm a numpty, ajax doesn't work cross-domain for security reasons. If I change the url so that its targetting the same domain as the host then the status codes and text etc is miraculously populated.

I've added another JSFIDDLE example to demonstrate this here.

Foretopmast answered 7/10, 2011 at 16:22 Comment(0)

Recommended topics

Hot tags