26

在 AngularJS 1.2rc(x) 中使用ngResource，我现在如何获取状态码？

RestAPI.save({resource}, {data}, function( response, responseHeaders ) {
});

RestAPI我的在哪里ngResource。

响应包含$promise从服务器返回的对象和资源，但不再是状态。responseHeaders()如果服务器将状态码注入到头对象中，该函数只有一个状态，而不是真正返回的状态码。所以有些服务器可能会提供服务，有些可能不会。

4

8 回答 8

13

您可以在调用后使用then承诺回调。catchfinally$resource

例如。如果您想在调用后捕获错误，您可以执行以下操作：

RestAPI.save({resource}, {data}, callbackFunction).$promise.catch(function(response) {
    //this will be fired upon error
    if(response.status == 500) alert('Something baaad happend');
}).then(function() {
    //this will be fired upon success
});

该response对象将具有status和statusText属性。status是一个整数状态码和statusText文本。您还将拥有data包含服务器响应的属性。

编辑：正如建议的那样，它是response.status

于 2014-07-16T22:31:27.960 回答
12

您必须在资源声明中添加一个拦截器。像这样：

var resource = $resource(url, {}, {
    get: {
        method: 'GET'
        interceptor: {
            response: function(response) {      
                var result = response.resource;        
                result.$status = response.status;
                return result;
            }
        }
    }                            
});

用法：

resource.get(params, function(result) {
    console.log(result.$status)
});

默认情况下应提供 IMO 状态代码。这个https://github.com/angular/angular.js/issues/8341有一个问题

于 2015-04-03T16:25:32.307 回答
4

对于使用较新版本 Angular 的任何人，看起来我们已经可以访问状态代码作为自 angular 1.3 以来transformResponse函数的第三个参数，但它从未在$resource文档中正确记录。

于 2016-02-10T01:12:30.413 回答
3

我同意responseHeaders()函数只会返回响应的标头，但您可以自定义它，无论如何它都很有用。

1.

为您解决问题。使用以下内容：（$$service是我的 $resource 实例。） 

var serve = new $$service();
serve.id = "hello_wrongPath"; // wrong path,will return 404
serve.$get()
    .then(function (data) {
        console.log("~~~hi~~~");
        console.log(data);
        return data;
    })
    .catch(function (error) {
        console.log("~~~error~~~");
        console.log(error);
        console.log(error.status); // --> 404
        console.log(error.statusText); // --> "Not Found"
        console.log(error.config.timeout); // --> 5000
        console.log(error.config.method); // --> GET
        console.log(error.config.url); // --> request url
        console.log(error.headers("content-type"));// --> "text/plain"
        return error.$promise;
    })
    .finally(function(data){
        console.log("~~~finally~~~");
        console.log(data); // --> undefined
    });

这样，你只能status,statusText,timeout,method,headers(same with responseHeaders)在 ERROR 响应中捕获。

2.

如果您想在成功响应中查看响应详细信息，我使用了这样的拦截器： 

ng.module("baseInterceptor", [])
    .factory("baseInterceptor", ["$q", function ($q) {
        return {
            'request': function (config) {
                console.info(config);
                //set timeout for all request
                config.timeout = 5000;
                return config;
            },
            'requestError': function (rejection) {
                console.info(rejection);
                return $q.reject(rejection);
            },
            'response': function (response) {
                console.log("~~interceptor response success~~");
                console.log(response);
                console.log(response.status);
                console.log(response.config.url);
                return response;
            },
            'responseError': function (rejection) {
                console.log("~~interceptor response error~~");
                console.log(rejection);
                console.log(rejection.status);
                return $q.reject(rejection);
            }
        };
    }]);

然后将拦截器添加到模块： 

.config(["$httpProvider", function ($httpProvider) {
    $httpProvider.interceptors.push("baseInterceptor");
}])
于 2014-11-10T06:04:30.570 回答
3

您可以获得这样的响应状态：

$http.get(url).then(function(response){
  console.log(response.status); //successful status like OK
}, function(response){
  console.log(response.status); //error status like 400-Bad Request
})

于 2017-06-28T11:26:33.833 回答
0

我认为正确的答案是 Bardiel 和 Ara 答案的结合。

在资源声明中添加拦截器后。像这样：

var resource = $resource(url, {}, {
    get: {
        method: 'GET'
        interceptor: {
            response: function(response) {      
                var result = response.resource;        
                result.$status = response.status;
                return result;
            }
        }
    }                            
});

如下使用它：

RestAPI.save()
.query(function(response) {
    // This will return status code from API like 200, 201 etc
    console.log(response.$status);
})
.$promise.catch(function(response) {
    // This will return status code from server side like 404, 500 etc
    console.log(response.status);
});
于 2015-12-08T10:14:23.683 回答
0

我正在使用 AngularJS v1.5.6，我这样做（在我的情况下，我将“getData”方法放在服务中）：

function getData(url) {
    return $q(function (resolve, reject) {
        $http.get(url).then(success, error);

        function success(response) {
            resolve(response);
        }
        function error(err) {
            reject(err);
        }
    });
}

然后在控制器中（例如），这样调用：

function sendGetRequest() {
    var promise = service.getData("someUrlGetService");
    promise.then(function(response) {
        //do something with the response data
        console.log(response.data);
    }, function(response) {
        //do something with the error
        console.log('Error status: ' + response.status);
    });
}

如文档所述，响应对象具有以下属性：

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

见https://docs.angularjs.org/api/ng/service/$http

希望能帮助到你！

于 2016-08-29T17:03:22.440 回答
-1

我遇到了类似的问题。我查看了角度库并添加了几行以在响应本身中返回状态。在这个文件中，找到返回承诺的位置。

替换以开头的代码块

var promise = $http(httpConfig).then(function(response)

与以下

var promise = $http(httpConfig).then(function(response) {
            var data = response.data,
                promise = value.$promise;

            if (data) {
              // Need to convert action.isArray to boolean in case it is undefined
              // jshint -W018
              if ( angular.isArray(data) !== (!!action.isArray) ) {
                throw $resourceMinErr('badcfg', 'Error in resource configuration. Expected ' +
                  'response to contain an {0} but got an {1}',
                  action.isArray?'array':'object', angular.isArray(data)?'array':'object');
              }
              // jshint +W018
              if (action.isArray) {
                value.length = 0;
                forEach(data, function(item) {
                  value.push(new Resource(item));
                });
              } else {
                copy(data, value);
                value.$promise = promise;
              }
            }

            value.status = response.status;
            value.$resolved = true;

            response.resource = value;

            return response;
          }, function(response) {
            value.status = response.status;
            value.$resolved = true;

            (error||noop)(response);

            return $q.reject(response);
          });

或者你可以添加这一行

value.status = response.status;

然后访问像 reponse.status 这样的代码中的状态。虽然，这是一种 hack，但对我有用。我还必须在缩小版本中进行更改。

于 2013-12-02T13:29:33.660 回答