在有角度的 $http 服务中，如何捕捉错误的“状态”？

Question

我正在阅读一本名为“Pro Angular JS”的书。 但是，我有一个关于如何捕获错误状态的问题。

我编码的是：

$http.get(dataUrl)
    .success(function (data){
        $scope.data.products = data;
    })
    .error(function (error){
        $scope.data.error=error;
        console.log($scope.data.error.status); // Undefined!
        // (This is the spot that I don't get it.)                                         
    });

如果我编码“console.log($scope.data.error.status);” ，为什么console.log的参数是未定义的？

书中有一句话，“传递给错误函数的对象定义了状态和消息属性。”

所以我做了 $scope.data.error.status

为什么会出错？

Answer 1

响应状态作为回调中的第二个参数，(from docs)：

// Simple GET request example :
$http.get('/someUrl').
  success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
  }).
  error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

Answer 2

更新： 从 angularjs 1.5 开始，promise 方法成功和错误已被弃用。 （见this answer）

来自current docs：

$http.get('/someUrl', config).then(successCallback, errorCallback);
$http.post('/someUrl', data, config).then(successCallback, errorCallback);

---

你可以像这样使用函数的其他参数：

error(function(data, status, headers, config) {
    console.log(data);
    console.log(status);
}

请参阅 $http 文档：

// Simple GET request example :
$http.get('/someUrl').
  success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
  }).
  error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

Answer 3

来自官方angular documentation

// Simple GET request example :
$http.get('/someUrl').
  success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
  }).
  error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

如您所见，错误回调的第一个参数是数据，而状态是第二个。

Answer 4

您的参数不正确，错误不会返回包含状态和消息的对象，而是按照下面描述的顺序将它们作为单独的参数传递。

取自angular docs：

• data – {string|Object} – 使用转换函数转换的响应正文。
• status – {number} – 响应的 HTTP 状态代码。
• headers – {function([headerName])} – Header getter 函数。
• config – {Object} – 用于生成请求的配置对象。
• statusText – {string} – 响应的 HTTP 状态文本。

因此您需要将代码更改为：

$http.get(dataUrl)
    .success(function (data){
        $scope.data.products = data;
    })
    .error(function (error, status){
        $scope.data.error = { message: error, status: status};
        console.log($scope.data.error.status); 
  }); 

显然，您不必创建一个表示错误的对象，您可以只创建单独的范围属性，但同样的原则也适用。

Answer 5

由于$http.get 使用额外的便利方法success 和error（仅包装then 的结果）返回一个“承诺”，您应该能够使用（无论您的Angular 版本如何）：

$http.get('/someUrl')
    .then(function success(response) {
        console.log('succeeded', response); // supposed to have: data, status, headers, config, statusText
    }, function error(response) {
        console.log('failed', response); // supposed to have: data, status, headers, config, statusText
    })

---

严格来说不是问题的答案，但如果您被“我的 Angular 版本与文档不同”问题困扰，您可以随时转储所有 arguments，即使您不知道适当的方法签名：

$http.get('/someUrl')
  .success(function(data, foo, bar) {
    console.log(arguments); // includes data, status, etc including unlisted ones if present
  })
  .error(function(baz, foo, bar, idontknow) {
    console.log(arguments); // includes data, status, etc including unlisted ones if present
  });

然后，根据您找到的任何内容，您可以“修复”要匹配的函数参数。

Answer 6

$http 旧承诺方法 success 和 error 已被弃用。请改用标准的then 方法。看看文档https://docs.angularjs.org/api/ng/service/$http

现在正确的使用方法是：

// Simple GET request example:
$http({
  method: 'GET',
  url: '/someUrl'
}).then(function successCallback(response) {
    // this callback will be called asynchronously
    // when the response is available
  }, function errorCallback(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
});

响应对象具有以下属性：

• data – {string|Object} – 使用转换函数转换的响应正文。
• status – {number} – 响应的 HTTP 状态代码。
• headers – {function([headerName])} – 头获取函数。
• config – {Object} – 用于生成请求的配置对象。
• statusText – {string} – 响应的 HTTP 状态文本。

200 到 299 之间的响应状态码被视为成功状态，将导致调用成功回调。