5

我在尝试优雅地处理 $http 错误时遇到问题。我正在遍历服务器列表以对状态进行 API 调用。完美地成功完成的调用。失败的那些没有让我访问错误信息。它总是未定义的。这是代码片段：

angular.forEach($scope.servers, function (server) {
    // blank out results first
    server.statusResults = {};

    $http.jsonp(server.url + '/api/system/status?callback=JSON_CALLBACK', {headers: { 'APP-API-Key': server.apiKey }}).
        success(function (data, status, headers, config) {
            server.statusResults = data;
        }).
        error(function (data, status, headers, config) {
            // data is always undefined here when there is an error
            console.error('Error fetching feed:', data);
        });
    }
);

控制台输出显示正确的 401 错误（我没有输出）和我的控制台错误消息（我确实输出）带有未定义的数据对象。

GET https://server_address/api/system/status?callback=angular.callbacks._1 401 (Unauthorized) angular.min.js:104
Error fetching feed: undefined

我要做的不是让 Angular 在日志中显示 401，而是以优雅的方式显示它。但是，由于数据未定义，我无法访问这些信息。

我是 AngularJS 的新手，但我的示例与我在文档中找到的其他示例非常匹配。

我也尝试过使用 $resource 而不是 $http 并遇到了完全相同的问题。

var statusResource = $resource(server.url + '/api/system/status', {alt: 'json', callback: 'JSON_CALLBACK'},
                { status: {method: 'JSONP'}, isArray: false, headers: { 'APP-API-Key': server.apiKey } });

// make status API call
statusResource.status({}, function (data) {
    server.statusResults = data;
}, function (err) {
    // data is always undefined here when there is an error
    console.log(err);
});

我可能在做一些明显错误的事情，但我不确定还有什么可以尝试的。

4

1 回答 1

0

根据$http 文档，body是

使用变换函数变换的响应体。

随着您返回 401（未授权）错误，很可能没有返回正文，因此它是未定义的。

如果要记录错误代码，请status改为记录参数。它包含 HTTP 状态代码，与响应正文不同，它应该是统一的。

于 2013-08-08T16:33:08.450 回答