jQuery Ajax Error Handling Function

By Sam Deering

jQuery Ajax Error Handling Function

$( document ).ajaxError(function( event, request, settings ) {
  $( "#msg" ).append( "
  • Error requesting page " + settings.url + "
  • " ); });

    Offical .ajaxError() API

    Note: If $.ajax() or $.ajaxSetup() is called with the global option set to false, the .ajaxError() method will not fire.

    Below is an older function which you can get the status from the jqXHR object.

    $(function() {
            error: function(jqXHR, exception) {
                if (jqXHR.status === 0) {
                    alert('Not connect.n Verify Network.');
                } else if (jqXHR.status == 404) {
                    alert('Requested page not found. [404]');
                } else if (jqXHR.status == 500) {
                    alert('Internal Server Error [500].');
                } else if (exception === 'parsererror') {
                    alert('Requested JSON parse failed.');
                } else if (exception === 'timeout') {
                    alert('Time out error.');
                } else if (exception === 'abort') {
                    alert('Ajax request aborted.');
                } else {
                    alert('Uncaught Error.n' + jqXHR.responseText);

    Free Guide:

    7 Habits of Successful CTOs

    "What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

    • lsoares13

      “error” is deprecated. besides, usage of ajaxSetup is not recommended by jQuery documentation.

    • Chris Tierney

      my Aunty Leah recently got a fantastic black Kia Forte Sedan just by some part time working online with a computer. try this BIG44.­c­o­m

    Because We Like You
    Free Ebooks!

    Grab SitePoint's top 10 web dev and design ebooks, completely free!

    Get the latest in JavaScript, once a week, for free.