20

How do you catch Server Error or 404 page not found, when you use $.get or $.post ?

For example:

$.post("/myhandler", { value: 1 }, function(data) {
  alert(data);
});

That will do absolutely nothing if there is a Server Error loading "/myhandler", or if it is not found.

How do you make it notify you if there is an error?

Aximili
  • 28,626
  • 56
  • 157
  • 216

5 Answers5

59

you could do

$.post("/myhandler", { value: 1 }, function(data) {
  alert(data);
}).fail(function(){ 
  // Handle error here
});

fail will be called if theres an error

Roberto Arosemena
  • 1,140
  • 1
  • 9
  • 18
  • 7
    +1 for fail function. it does the job! You can use it like this: .fail(function(e){ if(e.status == 404){ // ... } else{ // ... } }); – sladda Oct 01 '13 at 11:34
  • Older code with .error() wasn't catching anything. Simply switching it to fail() did the trick. – Dylan Valade Feb 17 '14 at 18:19
  • This should be the accepted answer, as it directly answers the question, rather than asking everyone to use a different function. – Jeppe Jun 19 '20 at 05:54
25

use error handler on $.ajax() 

$.ajax({
    url: "/myhandler", 
    data: {value: 1},
    type: 'post',
    error: function(XMLHttpRequest, textStatus, errorThrown){
        alert('status:' + XMLHttpRequest.status + ', status text: ' + XMLHttpRequest.statusText);
    },
    success: function(data){}
});

demo

Arseny
  • 5,159
  • 4
  • 21
  • 24
Reigel Gallarde
  • 64,198
  • 21
  • 121
  • 139
6

The other answers are nice and all, but there's alternative solutions, namely .ajaxSetup, .ajaxError and other Ajax event handlers (check the ajaxSetup doc page for more info on the rest).

For example, with .ajaxError you can setup a global handler of all your ajax errors from .post, .get, .getJSON and .ajax for a specific set of elements.

$(selector).ajaxError(function(event, xhr, ajaxOptions, errorThrown) {
    // handle ajax error here
});
mekwall
  • 28,614
  • 6
  • 75
  • 77
2

Try using $.ajaxSetup() , stausCode option 

$.ajaxSetup({
   statusCode : {
     // called on `$.get()` , `$.post()`, `$.ajax()`
     // when response status code is `404`
     404 : function (jqxhr, textStatus, errorThrown) {
             console.log(textStatus, errorThrown);
           }
     }
 });

// $.get("/path/to/url/");
// $.post("/path/to/url/");
// $.ajax({url:"/path/to/url/"})
guest271314
  • 1
  • 15
  • 104
  • 177
2

Use $.ajax instead and use the error callback.

http://api.jquery.com/jQuery.ajax/

coreyward
  • 77,547
  • 20
  • 137
  • 166