jQuery Ajax Error Handling Function

Sam Deering

jQuery Ajax Error Handling Function

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

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() {
    $.ajaxSetup({
        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 book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • 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