angular $httpProvider使用配置

  1. angular.module('app', [  
  2.     'ngAnimate',  
  3.     'ngCookies',  
  4.     'ngResource',  
  5.     'ngRoute',  
  6.     'ngSanitize',  
  7.     'ngTouch'  
  8. ],function ($httpProvider) {  
  9.     // 头部配置  
  10.     $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';  
  11.     $httpProvider.defaults.headers.post['Accept'] = 'application/json, text/javascript, */*; q=0.01';  
  12.     $httpProvider.defaults.headers.post['X-Requested-With'] = 'XMLHttpRequest';  
  13.   
  14.     /**  
  15.      * 重写angular的param方法,使angular使用jquery一样的数据序列化方式  The workhorse; converts an object to x-www-form-urlencoded serialization.  
  16.      * @param {Object} obj  
  17.      * @return {String}  
  18.      */  
  19.     var param = function (obj) {  
  20.         var query = '', name, value, fullSubName, subName, subValue, innerObj, i;  
  21.   
  22.         for (name in obj) {  
  23.             value = obj[name];  
  24.   
  25.             if (value instanceof Array) {  
  26.                 for (i = 0; i < value.length; ++i) {  
  27.                     subValue = value[i];  
  28.                     fullSubName = name + '[' + i + ']';  
  29.                     innerObj = {};  
  30.                     innerObj[fullSubName] = subValue;  
  31.                     query += param(innerObj) + '&';  
  32.                 }  
  33.             }  
  34.             else if (value instanceof Object) {  
  35.                 for (subName in value) {  
  36.                     subValue = value[subName];  
  37.                     fullSubName = name + '[' + subName + ']';  
  38.                     innerObj = {};  
  39.                     innerObj[fullSubName] = subValue;  
  40.                     query += param(innerObj) + '&';  
  41.                 }  
  42.             }  
  43.             else if (value !== undefined && value !== null)  
  44.                 query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';  
  45.         }  
  46.   
  47.         return query.length ? query.substr(0, query.length - 1) : query;  
  48.     };  
  49.   
  50.     // Override $http service's default transformRequest  
  51.     $httpProvider.defaults.transformRequest = [function (data) {  
  52.         return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;  
  53.     }];  
  54. }).config(function ($routeProvider) {  
  55.         $routeProvider  
  56.             .when('/', {  
  57.                 templateUrl: 'views/main.html',  
  58.                 controller: 'MainCtrl'  
  59.             })  
  60.             .when('/about', {  
  61.                 templateUrl: 'views/about.html',  
  62.                 controller: 'AboutCtrl'  
  63.             })  
  64.             .otherwise({  
  65.                 redirectTo: '/'  
  66.             });  
  67.     }); 

angular.module('myapp-http-request', []);
angular.module('myapp-http-request')
.factory('MyRequests', function($http, $cookieStore){

    return {
        request: function(method, url, data, okCallback, koCallback){
            $http({
                method: method,
                url: url,
                data: data
            }).success(okCallback).error(koCallback);
        },
        authentifiedRequest: function(method, url, data, okCallback, koCallback){
            $http({
                method: method,
                url: url,
                data: data,
                headers: {'Authorization': $cookieStore.get('token')}
            }).success(okCallback).error(koCallback);
        }
    }
});

And example of usage (not tested, just for information):

angular.module('sharewebapp', ['myapp-http-request'])
.controller('MyController', ['MyRequests', function(MyRequests){
    MyRequests.authentifiedRequest('DELETE', '/logout', '', function(){alert('logged-out');}, function(){alert('error');})
}]);

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AngularJS 中,我们可以使用 $injector 服务来注入依赖项。在使用 $injector 服务之前,我们需要配置依赖项的映射关系,这可以通过使用 $injector 提供的 provider 进行配置。 我们可以通过以下两种方式之一来配置 provider: 1. 使用模块的 config 方法进行配置: ```javascript angular.module('myModule', []) .config(function($provide) { $provide.provider('myProvider', function() { this.$get = function() { // 实例化和返回服务对象 }; }); }); ``` 在上面的代码中,我们使用 $provide.provider 方法来配置 myProvider 的映射关系。在 provider 的构造函数中,我们可以使用 this.$get 方法来实例化和返回服务对象。 2. 直接在模块中定义 provider: ```javascript angular.module('myModule', []) .provider('myProvider', function() { this.$get = function() { // 实例化和返回服务对象 }; }); ``` 在上面的代码中,我们直接在模块中定义了 myProviderprovider。与第一种方式相比,这种方式更加简洁。 无论使用哪种方式配置 provider,我们都可以在其他服务中使用注入器来获取服务的实例。例如: ```javascript angular.module('myModule', []) .provider('myProvider', function() { this.$get = function() { return { hello: function() { console.log('Hello, world!'); } }; }; }) .service('myService', function(myProvider) { myProvider.hello(); }); ``` 在上面的代码中,我们在 myService 服务中注入了 myProvider 服务,并在该服务中调用了 myProvider.hello 方法。因此,当我们调用 myService 服务时,会在控制台输出 "Hello, world!"。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值