如何检测 jQuery $.get 失败？

Question

我是 jQuery 初学者。我正在尝试使用 $.get() 编写一个非常简单的代码。 official documentation 说：

如果带有 jQ​​uery.get() 的请求返回错误代码，它将静默失败，除非脚本还调用了全局 .ajaxError() 方法或。

从 jQuery 1.5 开始，jqXHR 对象的 .error() 方法 jQuery.get() 返回的也可用于错误处理。

所以，如果一切顺利，我的成功回调函数将被调用。但是，如果请求失败，我想获取 HTTP 代码：404、502 等，并为用户制定有意义的错误消息。

但是，由于这是一个异步调用，我可以想象我可能有几个未完成的调用。 .ajaxError() 如何知道它对应于哪个请求？也许使用jQuery.get()返回的jqXHR对象的.error()方法会更好？

我正在寻找一个非常简单的代码示例。也许成功例程会调用 Alert("Page found")，而失败例程会检查 404 并执行 Alert("Page not found")。

更新

以下页面非常有帮助：http://api.jquery.com/jQuery.get/

Answer 1

您是对的，您可以使用 jQuery 1.5 的新 jqXHR 将错误处理程序分配给 $.get() 请求。你可以这样做：

var request = $.get('/path/to/resource.ext');

request.success(function(result) {
  console.log(result);
});

request.error(function(jqXHR, textStatus, errorThrown) {
  if (textStatus == 'timeout')
    console.log('The server is not responding');

  if (textStatus == 'error')
    console.log(errorThrown);

  // Etc
});

您还可以将处理程序直接链接到调用：

$.get('/path/to/resource.ext')
     .success(function(result) { })
     .error(function(jqXHR, textStatus, errorThrown) { });

我更喜欢前者以减少代码的纠结，但两者是等价的。

Answer 2

从 jQuery 3.0 开始，.success() 和 .error() 已弃用。
您可以改用.done() 和.fail()

$.get( url )
    .done(function( data, textStatus, jqXHR ) {
        console.log(data);
    })
    .fail(function( jqXHR, textStatus, errorThrown ) {
        console.log(jqXHR);
        console.log(textStatus);
        console.log(errorThrown );
    });

来源：https://api.jquery.com/jQuery.ajax/

Answer 3

.get() 只是.ajax() 的同义词，预设了许多选项。使用ajax() 获取全部选项，包括error 回调。

$.ajax({
type: "GET",
url: "test.htm",
error: function(xhr, statusText) { alert("Error: "+statusText); },
success: function(msg){ alert( "Success: " + msg ); }
}
);