5. $http({ method: 'GET', url: '/someUrl' })
.success(function (data, status, headers, config) {
// this callback will be called asynchronously
// when the response is available
})
.error(function (data, status, headers, config) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});
8. angular.module('MyApp', []).
config(function ($httpProvider) {
// Remove the default AngularJS X-Request-With header
delete $httpProvider.defaults.headers.common['X-Requested-With'];
// Set DO NOT TRACK for all Get requests
$httpProvider.defaults.headers.get['DNT'] = '1';
});
$http.get('api/user', {
// Set the Authorization header. In an actual app, you would
// get the auth token from a service.
headers: {'Authorization': 'Basic Qzsda231231'},
params: {id: 5}
}).success(function() { // Handle success });
9. function (d) {
return isObject(d) && !isFile(d) ? toJson(d) : d; }
function (data) {
if (isString(data)) {
// strip json vulnerability protection prefix
data = data.replace(PROTECTION_PREFIX, '');
if (JSON_START.test(data) && JSON_END.test(data))
data = fromJson(data);
}
return data;
}
10. // register the interceptor as a service
$provide.factory('myHttpInterceptor', function ($q, dependency1, dependency2) {
return function (promise) {
return promise.then(function (response) { // do something on success
return response;
},
function (response) {
// do something on error
if (canRecover(response)) { return responseOrNewPromise }
return $q.reject(response);
});
}
});
$httpProvider.responseInterceptors.push('myHttpInterceptor');
// register the interceptor via an anonymous factory
$httpProvider.responseInterceptors.push(function ($q, dependency1, dependency2) {
return function (promise) { // same as above }
});
12. $http({
method: string,
url
: string,
params: object,
data : string or object,
headers: object,
// or an array of functions.
transformRequest: function transform(data, headersGetter),
// or an array of functions.
transformResponse: function transform(data, headersGetter),
cache: boolean //or Cache object,
timeout: number,
withCredentials: boolean
});
17. Resource
Constructor
Resource Factory
var User = $resource('/user/:userId', { userId: '@id' });
var user = User.get({ userId: 123 }, function () {
user.abc = true;
Resource
Instance
user.$save();
});
Prototype
method
Success
callback
18.
action – {string} – The name of action.
Method – GET,POST,DELETE & JSONP
Params - Optional set of pre-bound parameters for this action.
isArray - bool
23. Instance vs. Constructor
var User = $resource('/user/:userId', { userId: '@id' });
var user = User.get({ userId: 123);
user.$delete();
Users.delete( {} , user);
user.$remove()
Users.remove( {} , user )
user.$save();
Users.save( user );