jQuery $ .get или $ .post для обнаружения ошибки загрузки страницы (например, 404)

Question

Как вы поймаете ошибку сервера или страницу 404 не найдена, когда вы используете $ .get или $ .post?

Например:

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

Это абсолютно ничего не сделает, если при загрузке сервера произошла ошибка «/ myhandler» или он не найден.

Как сделать так, чтобы оно уведомляло вас в случае ошибки?

Answer 1

вы могли бы сделать

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

ошибка будет вызвана, если есть ошибка

Answer 2

использовать error обработчик на $.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){}
});

демо

Answer 3

Другие ответы хороши и все, но есть альтернативные решения, а именно: .ajaxSetup, .ajaxError и другие обработчики событий Ajax (для получения дополнительной информации посетите страницу документации ajaxSetup на отдыхе).

Например, с помощью .ajaxError вы можете настроить глобальный обработчик всех ваших ошибок ajax из .post, .get, .getJSON и .ajax для определенного набора элементов.

$(selector).ajaxError(function(event, xhr, ajaxOptions, errorThrown) {
    // handle ajax error here
});

Answer 4

Вместо этого используйте $.ajax и используйте обратный вызов error.

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

Answer 5

Попробуйте использовать $.ajaxSetup(), stausCode опция

$.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/"})