Question

我有一个jquery代码，我在其中使用get（）并调用一些远程url /文件。现在我想知道处理错误的最佳方法是什么。

我在做的是：

   $(document).ready(function() {
        $.ajaxSetup({
            error: function(x, e) {

                if (x.status == 0) {
                    alert(' Check Your Network.');
                } 
                   else if (x.status == 404) {
                alert('Requested URL not found.');

                } else if (x.status == 500) {
                    alert('Internel Server Error.');
                }  else {
                    alert('Unknow Error.\n' + x.responseText);
                }
            }
        });

        $.get("HTMLPage.htm", function(data) {
            alert(data);
            $('#mydiv').html(data);

        });
    });

这很好。但是想知道有没有更好的方法呢？

REF：http://www.maheshchari.com/jquery-ajax-error-handling/

Answer 1

对所有ajax调用使用$ .ajaxSetup是全局的。因为$ .get函数没有任何错误回调，所以在$ .ajaxSetup中定义错误处理程序是处理错误的唯一方法。如果使用$ .ajax，则可以在$ .ajax调用中定义错误处理程序，如此

$.ajax({
  url: "HTMLPage.htm",
  success: function(data) {
    alert(data);
    $('#mydiv').html(data);        
  },
  error: function(XMLHttpRequest, textStatus, errorThrown) { 
    if (XMLHttpRequest.status == 0) {
      alert(' Check Your Network.');
    } else if (XMLHttpRequest.status == 404) {
      alert('Requested URL not found.');
    } else if (XMLHttpRequest.status == 500) {
      alert('Internel Server Error.');
    }  else {
       alert('Unknow Error.\n' + XMLHttpRequest.responseText);
    }     
  }
});

这仅适用于此ajax调用，这样您就可以拥有更具体的错误消息。但是使用全局错误处理程序也可以。

您可以在$（document）.ready（）之外定义您的函数，就像这样

$(document).ready(function() {
    $.ajaxSetup({
        error: AjaxError
    });

    $.get("HTMLPage.htm", GetSuccess);
});

function AjaxError(x, e) {
  if (x.status == 0) {
    alert(' Check Your Network.');
  } else if (x.status == 404) {
    alert('Requested URL not found.');
  } else if (x.status == 500) {
    alert('Internel Server Error.');
  }  else {
     alert('Unknow Error.\n' + x.responseText);
  }
}

function GetSuccess(data) {
  alert(data);
  $('#mydiv').html(data);
}

Answer 2

从jQuery 1.5开始，所有jQuery的Ajax方法都返回XMLHTTPRequest对象的超集。 $ .get（）返回的这个jQuery XHR对象或“jqXHR”实现了Promise接口，为它提供了Promise的所有属性，方法和行为。

var jqxhr = $.get( "example.php", function() {
    alert( "success" );
})
.done(function() {
    alert( "second success" );
})
.fail(function() {
    alert( "error" );
})
.always(function() {
    alert( "finished" );
});

Answer 3

从http://api.jquery.com/jQuery.ajax/复制/粘贴：

statusCode（已添加1.5）{}
数字HTTP代码和地图当函数被调用时响应有相应的代码。例如，以下内容将发出警报当响应状态为404时：
$.ajax({
  statusCode: {404: function() {
    alert('page not found');
  }
});
如果请求成功，则状态代码功能也是一样的参数作为成功回调;如果它导致错误，他们采取了与错误回调相同的参数。

如何处理$ .get（）中的错误

3 个答案: