jQuery $ .get或$ .post捕获页面加载错误（例如404）

Question

当您使用$ .get或$ .post时，如何捕获Server Error或404页面未找到？

例如：

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

那将什么都不做，如果有一个服务器错误装载“/将myHandler”，或者，如果没有找到它。

如果出现错误，您如何通知您？

Answer 1

使用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){} 
}); 

demo

Answer 2

改为使用$.ajax，并使用error回调。

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

Answer 3

其他的答案很不错，一切，但有替代解决方案，即.ajaxSetup，.ajaxError和其他Ajax事件处理程序（检查ajaxSetup文档页面的其他信息）。

例如，.ajaxError你可以设置从.post，.get，.getJSON和.ajax所有你的Ajax错误的一组特定元素的一个全球性的处理程序。

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

Answer 4

你可以做

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

失败将被调用，如果那里有一个错误

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