blocks|key|282047|text|请注意，在Angular+1.1.4中，responseInterceptors已被弃用。下面你可以找到一个基于official+docs的摘录，展示了实现拦截器的新方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|282048|$provide.factory('myHttpInterceptor',+function($q,+dependency1,+dependency2)+{
++return+{
++++'response':+function(response)+{
++++++//+do+something+on+success
++++++return+response+%7C%7C+$q.when(response);
++++},

+++'responseError':+function(rejection)+{
++++++//+do+something+on+error
++++++if+(canRecover(rejection))+{
++++++++return+responseOrNewPromise;
++++++}
++++++return+$q.reject(rejection);
++++}
++};
});

$httpProvider.interceptors.push('myHttpInterceptor');|code-block|syntax|javascript|282049|这是使用Coffeescript在我的项目中的外观：|282050|angular.module("globalErrors",+['appStateModule']).factory+"myHttpInterceptor",+($q,+$log,+growl)+->
++response:+(response)+->
++++$log.debug+"success+with+status+#{response.status}"
++++response+%7C%7C+$q.when+response

++responseError:+(rejection)+->
++++$log.debug+"error+with+status+#{rejection.status}+and+data:+#{rejection.data['message']}"
++++switch+rejection.status
++++++when+403
++++++++growl.addErrorMessage+"You+don't+have+the+right+to+do+this"
++++++when+0
++++++++growl.addErrorMessage+"No+connection,+internet+is+down?"
++++++else
++++++++growl.addErrorMessage+"#{rejection.data['message']}"

++++#+do+something+on+error
++++$q.reject+rejection

.config+($provide,+$httpProvider)+->
++$httpProvider.interceptors.push('myHttpInterceptor')|282051|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.angularjs.org/api/ng.$http^0|1K|D|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Please note that responseInterceptors have been deprecated with Angular 1.1.4. 
Below you can find an excerpt based on the <a href="http://docs.angularjs.org/api/ng.$http" rel="noreferrer">official docs</a>, showing the new way to implement interceptors.

<pre><code>$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {
 return {
 'response': function(response) {
 // do something on success
 return response || $q.when(response);
 },

 'responseError': function(rejection) {
 // do something on error
 if (canRecover(rejection)) {
 return responseOrNewPromise;
 }
 return $q.reject(rejection);
 }
 };
});

$httpProvider.interceptors.push('myHttpInterceptor');
</code></pre>

This is how it looks in my project using Coffeescript:

<pre><code>angular.module("globalErrors", ['appStateModule']).factory "myHttpInterceptor", ($q, $log, growl) -&gt;
 response: (response) -&gt;
 $log.debug "success with status #{response.status}"
 response || $q.when response

 responseError: (rejection) -&gt;
 $log.debug "error with status #{rejection.status} and data: #{rejection.data['message']}"
 switch rejection.status
 when 403
 growl.addErrorMessage "You don't have the right to do this"
 when 0
 growl.addErrorMessage "No connection, internet is down?"
 else
 growl.addErrorMessage "#{rejection.data['message']}"

 # do something on error
 $q.reject rejection

.config ($provide, $httpProvider) -&gt;
 $httpProvider.interceptors.push('myHttpInterceptor')
</code></pre>

blocks|key|282085|text|使用以下内容创建文件<script+type="text/javascript"+src="../js/config/httpInterceptor.js"+></script>：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|282086|(function(){
++var+httpInterceptor+=+function+($provide,+$httpProvider)+{
++++$provide.factory('httpInterceptor',+function+($q)+{
++++++return+{
++++++++response:+function+(response)+{
++++++++++return+response+%7C%7C+$q.when(response);
++++++++},
++++++++responseError:+function+(rejection)+{
++++++++++if(rejection.status+===+401)+{
++++++++++++//+you+are+not+autorized
++++++++++}
++++++++++return+$q.reject(rejection);
++++++++}
++++++};
++++});
++++$httpProvider.interceptors.push('httpInterceptor');
++};
++angular.module("myModule").config(httpInterceptor);
}());|code-block|syntax|javascript|282087|entityMap^0|A|27|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Create the file <code>&lt;script type="text/javascript" src="../js/config/httpInterceptor.js" &gt;&lt;/script&gt;</code> with this content:

<pre><code>(function(){
 var httpInterceptor = function ($provide, $httpProvider) {
 $provide.factory('httpInterceptor', function ($q) {
 return {
 response: function (response) {
 return response || $q.when(response);
 },
 responseError: function (rejection) {
 if(rejection.status === 401) {
 // you are not autorized
 }
 return $q.reject(rejection);
 }
 };
 });
 $httpProvider.interceptors.push('httpInterceptor');
 };
 angular.module("myModule").config(httpInterceptor);
}());
</code></pre>

When my website was 100% jQuery, I used to do this:

<pre><code>$.ajaxSetup({
 global: true,
 error: function(xhr, status, err) {
 if (xhr.status == 401) {
 window.location = "./index.html";
 }
 }
});
</code></pre>

to set a global handler for 401 errors. Now, I use angularjs with <code>$resource</code> and <code>$http</code> to do my (REST) requests to the server. Is there any way to similarly set a global error handler with angular?

Global Ajax error handler with AngularJS

服务器

jQuery

当我的网站是100% jQuery的时候，我经常这样做：$.ajaxSetup({    global: true,    error: function(xhr, status, err) {        if (xhr.status == 401) {           window.location = "....

问使用AngularJS的全局Ajax错误处理程序
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用AngularJS的全局Ajax错误处理程序EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用AngularJS的全局Ajax错误处理程序
EN