Skip to content

Instantly share code, notes, and snippets.

@abyx
Last active February 4, 2022 19:19
Show Gist options
  • Save abyx/acd46b6513e2c58ed1d3 to your computer and use it in GitHub Desktop.
Save abyx/acd46b6513e2c58ed1d3 to your computer and use it in GitHub Desktop.
AngularJS HTTP Error Handling Mechanism
var HEADER_NAME = 'MyApp-Handle-Errors-Generically';
var specificallyHandleInProgress = false;
angular.module('myApp').factory('RequestsErrorHandler', ['$q', function($q) {
return {
// --- The user's API for claiming responsiblity for requests ---
specificallyHandled: function(specificallyHandledBlock) {
specificallyHandleInProgress = true;
try {
return specificallyHandledBlock();
} finally {
specificallyHandleInProgress = false;
}
},
// --- Response interceptor for handling errors generically ---
responseError: function(rejection) {
var shouldHandle = (rejection && rejection.config && rejection.config.headers
&& rejection.config.headers[HEADER_NAME]);
if (shouldHandle) {
// --- Your generic error handling goes here ---
}
return $q.reject(rejection);
}
};
}]);
angular.module('myApp').config(['$provide', '$httpProvider', function($provide, $httpProvider) {
$httpProvider.interceptors.push('RequestsErrorHandler');
// --- Decorate $http to add a special header by default ---
function addHeaderToConfig(config) {
config = config || {};
config.headers = config.headers || {};
// Add the header unless user asked to handle errors himself
if (!specificallyHandleInProgress) {
config.headers[HEADER_NAME] = true;
}
return config;
}
// The rest here is mostly boilerplate needed to decorate $http safely
$provide.decorator('$http', ['$delegate', function($delegate) {
function decorateRegularCall(method) {
return function(url, config) {
return $delegate[method](url, addHeaderToConfig(config));
};
}
function decorateDataCall(method) {
return function(url, data, config) {
return $delegate[method](url, data, addHeaderToConfig(config));
};
}
function copyNotOverriddenAttributes(newHttp) {
for (var attr in $delegate) {
if (!newHttp.hasOwnProperty(attr)) {
if (typeof($delegate[attr]) === 'function') {
newHttp[attr] = function() {
return $delegate[attr].apply($delegate, arguments);
};
} else {
newHttp[attr] = $delegate[attr];
}
}
}
}
var newHttp = function(config) {
return $delegate(addHeaderToConfig(config));
};
newHttp.get = decorateRegularCall('get');
newHttp.delete = decorateRegularCall('delete');
newHttp.head = decorateRegularCall('head');
newHttp.jsonp = decorateRegularCall('jsonp');
newHttp.post = decorateDataCall('post');
newHttp.put = decorateDataCall('put');
copyNotOverriddenAttributes(newHttp);
return newHttp;
}]);
}]);
@fyodorvi
Copy link

Storing specificallyHandleInProgress in global scope doesn't seem to be nice.

@andresmoschini
Copy link

If we move specificallyHandleInProgress inside factory scope it should also work (before line 5), right?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment