AngularJS 资源 GET 请求失败

Question

AngularJS 资源 GET 请求失败

29

有人知道如何在AngularJS中检查未获取到资源吗？

例如：

//this is valid syntax
$scope.word = Word.get({ id : $routeParams.id },function() {
    //this is valid, but won't be fired if the HTTP response is 404 or any other http-error code
});

//this is something along the lines of what I want to have 
//(NOTE THAT THIS IS INVALID AND DOESN'T EXIST)
$scope.word = Word.get({ id : $routeParams.id },{
    success : function() {
      //good
    },
    failure : function() {
      //404 or bad
    }
});

有什么想法吗？

- matsko

3个回答

5

仅回答@Adio的问题。

当AngularJS认为任何http响应代码是错误时（只有[200，300]中的响应代码被视为成功代码），第二个回调将被调用。因此，您可以拥有一个通用的错误处理函数，而不必关心具体的错误。那里的if语句可以用于根据错误代码执行不同的操作，但这不是必须的。

- Rodrigo Chiong

0

这只是为了通知。

从angular 1.6.x开始，success和failure已经被弃用。因此，请现在使用then和catch代替success和failure。

因此，在angular 1.6.x中，上述代码如下：

$scope.word = Word.get({ id : $routeParams.id }).then(=> () {
    //this is valid, but won't be fired if the HTTP response is 404 or any  other http-error code
}).catch(=> () {
    // error related code goes here
});

- Anavar Bharmal

1

请注意，“已弃用”对于 Angular 团队来说意味着“完全删除”。另外，如果 $resource 没有失败处理程序，则会导致 catch(reason) 被调用，但“reason”中没有有用的信息（空字符串、null 数据、没有其他字段）。您最好/唯一的选择是使用 get().$promise.then(success(), fail()) 并确保您处理了失败函数。祝你好运。（v1.6.2） - tekHedd

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gloopy · Accepted Answer

当出现错误时，你的第一个回调函数之后应该有一个额外的回调函数触发。引用自文档和帖子：

$scope.word = Word.get({ id : $routeParams.id }, function() {
    //good code
}, function(response) {
    //404 or bad
    if(response.status === 404) {
    }
});

对于 HTTP GET 请求的“类”操作：Resource.action([参数], [成功回调函数], [错误回调函数])

对于非 GET 请求的“类”操作：Resource.action([参数], postData, [成功回调函数], [错误回调函数])

对于非 GET 请求的实例操作：instance.$action([参数], [成功回调函数], [错误回调函数])