angularjs封装$http为factory

最新推荐文章于 2023-03-27 11:23:39 发布

原创最新推荐文章于 2023-03-27 11:23:39 发布 · 569 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

#$http

angular2.x 专栏收录该内容

63 篇文章

订阅专栏

本文介绍了一种在AngularJS项目中封装$http服务的方法，通过创建一个统一的HTTP请求处理工具，提高了代码的可维护性和易用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angularjs有本身封装的ajax服务$http，因为用惯了jQuery的ajax，所以，自己封装了一下angularjs的$http，代码如下

angularjs本身有封装的ajax服务$http,但是在项目中每次都用$http服务会是的代码不宜维护，所以自己封装了下angularjs的$http,代码如下：


angular.module ('starter.util', [])
    .factory ('$util', function ($http, $q, $ionicLoading) {
     
        return {
            /* HTTP请求  */
            httpRequest: function (url, method, data) {
                $ionicLoading.show ();
                var deferred = $q.defer ();
                var promise = deferred.promise;
                if(method === 'GET'){
                    $http ({
                     method: method,
                        url: url,
                        params: data,
                        headers: {"content-type": "application/json;charset=UTF-8"},
                        transformRequest: function (obj) {
                         var str = [];
                            for (var s in obj) {
                            str.push (encodeURIComponent (s) + "=" + encodeURIComponent (obj[s]));
                            }
                         return str.join ("&");
                        },
                        timeout: 1000 * 10 * 6
                    }).success (function (response) {
                      //return success
                        $ionicLoading.hide ();
                        deferred.resolve (response);
                    }).error (function (response) {
                      //return error
                        $ionicLoading.hide ();
                        deferred.reject (response);
                        //$cordovaToast.showLongBottom ('网络访问超时');
                    });
                }else {
                    $http ({
                     method: method,
                        url: url,
                        data: data,
                        headers: {"content-type": "application/json;charset=UTF-8"},
                        transformRequest: function (obj) {
                         var str = [];
                            for (var s in obj) {
                            str.push (encodeURIComponent (s) + "=" + encodeURIComponent (obj[s]));
                            }
                         return str.join ("&");
                        },
                        timeout: 1000 * 10 * 6
                    }).success (function (response) {
                     //return success
                        $ionicLoading.hide ();
                        deferred.resolve (response);
                    }).error (function (response) {
                      //return error
                        $ionicLoading.hide ();
                        deferred.reject (response);
                        //$cordovaToast.showLongBottom ('网络访问超时');
                    });
                }
            return promise;
            }
        };
    });