ansaurus

Question

Answer 1

A:

I got the following sample to work from the jQuery doc.

http://api.jquery.com/ajaxError/

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>jQuery Sandbox</title>
  </head>
  <body>
    <div class="trigger">Trigger</div>
    <div class="result"></div>
    <script type="text/javascript" src="../scripts/jquery-1.4.js"></script>
    <script type="text/javascript">

        $(function () {

            $(document).ajaxError(function (e, xhr, settings, exception) {
                console.log(xhr.status);
            });

            $('.trigger').click(function () {
                $('.result').load('ajax/thisUrlDoesNotExist.html');
            });

        });

    </script>
  </body>
</html>

What's your full page look like?

AndrewDotHay 2010-06-29 18:42:00

Like a thousand lines of hell.

Andrew 2010-06-29 19:14:16

Answer 2

+1 A:

ajaxError is triggered when the actual XHR does not receive an HTTP success code from a given response from the server, as you can see in the jQuery source. The response codes in that particular function are perceived as "success" codes; anything else is a failure.

jQuery also only branches to the code that triggers ajaxError when your XMLHTTPRequest winds up with a readyState of 4 (complete with all data received), so I think shutting off your network connection would actually put you in a different XHR condition altogether (possibly a loop of condition 2?). You can see how jQuery branches in the source, too.

Basically, it looks if the server doesn't say the request failed and send back a code outside of that range above, you likely won't see ajaxError being triggered as, according to jQuery, it hasn't received an error.

ajm 2010-06-29 19:06:16

Ahh, so it has to actually get data, and then it looks at the response code to see if there was an HTTP error?

Andrew 2010-06-29 19:18:23

Yes. It examines the XMLHTTPRequest Object directly.

ajm 2010-06-29 20:05:23

ansaurus

tags:

views:

answers:

So how does $.ajaxError work?

related questions