Capture 404 status with jQuery AJAX

Question

I have this code:

$.ajax({ cache: false,
    url: \"/Admin/Contents/GetData\",
    data: { accountID: AccountID },
    success: function (data) {
        $(\         


        

Answer 1

404 erros will be handled by the anonymous function hooked up to the error property. Anything other than a successful HTTP request to the URL (i.e. 2xx) will trigger the error method. The following will work for your purpose:

error : function(jqXHR, textStatus, errorThrown) { 
    if(jqXHR.status == 404 || errorThrown == 'Not Found') 
    { 
        console.log('There was a 404 error.'); 
    }
}

When they refer to removing the success and error functions in the jQuery documentation, they're referring to those of the jqXHR class, not the properties of $.ajax().

Answer 2

Replace your error function as follows...

error:function (xhr, ajaxOptions, thrownError){
    if(xhr.status==404) {
        alert(thrownError);
    }
}