Angular服务Request异步请求的实例讲解

var request = {  post: function() {    var errorCallback = {      error: function(f) {        this.fun = f;      },      fun: function(data) {}    };    successCallback = {      success: function(f) {        return this.fun = f, console.log(this.fun), errorCallback;      },      fun: function(data) {        console.log(data)      }    };    returnData = {      wsscat: "hello"    };    //成功    //var a = successCallback.fun(returnData);    a = successCallback.fun;    setTimeout('a(returnData)', 1000)    return successCallback;    }    }    request.post().success(function(data) {      console.log("123");      console.log(data);    })    console.log("wscat's test");

errorCallback和successCallback 

returnData = {      wsscat: "hello"    };

request.post().success() 

console.log("wscat's test"); 

$http.get(url).success(function(data, status, headers, config) {//code})

successCallback.fun(returnData); errorCallback.fun(returnData); 

$http.get(url).success(function(data, status, headers, config) {//code})

.service('Request', [  '$http',  '$cookies',  '$rootScope',  '$window',  '$cookieStore',  '$location',  function($http, $cookies, $rootScope, $window, $cookieStore, $location) {    var request = {      post: function(api, map, successCallback) {        $rootScope.dataLoadCount++;        $rootScope.isLoading = $rootScope.dataLoadCount != 0;        var url = '../test.php?api=' + encodeURIComponent(api);        //console.log('[http requestURL]:' + api);        //~ alert(api);        var json = '{}';        if (angular.isDefined(map)) {          json = angular.toJson(map);        }        //console.log('[http requestJson]:' + json);        url += '&data=' + encodeURIComponent(json);        var errorCallback = {          error: function(f) {            this.fun = f;          },          fun: function(data) {}        };        var successCallback = {          success: function(f) {            return this.fun = f, errorCallback;          },          fun: function(data) {}        };        $http.get(url).success(function(data, status, headers, config) {          console.log(config);          // this callback will be called asynchronously          // when the response is available          $rootScope.dataLoadCount--;          $rootScope.isLoading = $rootScope.dataLoadCount != 0;          //console.log('[http success responseData]:' + angular.toJson(data));          //~ alert('[http success responseData]:'+angular.toJson(data));          var returnData = {            code: data.state.code,            msg: data.state.msg,            data: data.data          };          if (returnData.code == 1) {            successCallback.fun(returnData);          } else {            if (returnData.code == 99) {              alert(returnData.msg);              $cookieStore.remove('token');              $cookieStore.remove('userid');              delete $cookies.token;              delete $cookies.userid;              $rootScope.isLogined = false;              $rootScope.$broadcast('refreshFooter');              switch ($rootScope.isWeiXinLogin()) {                case true:                  $location.path('login');                  break;                case false:                  $location.path('loginWebapp');                  break;              }              return;            }            errorCallback.fun(returnData);          }        }).        error(function(data, status, headers, config) {          // called asynchronously if an error occurs          // or server returns response with an error status.          $rootScope.dataLoadCount--;          $rootScope.isLoading = $rootScope.dataLoadCount != 0;          //console.log('[http error responseData]:' + angular.toJson(data));          //~ alert('[http error responseData]:status:'+status);          var returnData = {            code: 0,            msg: '网络请求失败',            data: {}          };          errorCallback.fun(returnData);        });        return successCallback;      },      get: function(url, successCallback) {        $rootScope.dataLoadCount++;        $rootScope.isLoading = $rootScope.dataLoadCount != 0;        var errorCallback = {          error: function(f) {            this.fun = f;          },          fun: function(data) {}        };        var successCallback = {          success: function(f) {            return this.fun = f, errorCallback;          },          fun: function(data) {}        };        $http({          method: 'GET',          url: url        }).success(function(data, status, headers, config) {          // this callback will be called asynchronously          // when the response is available          $rootScope.dataLoadCount--;          $rootScope.isLoading = $rootScope.dataLoadCount != 0;          //console.log('[http success responseData]:' + data);          var returnData = {            code: 1,            msg: '请求成功',            data: data          };          successCallback.fun(data);        }).        error(function(data, status, headers, config) {          // called asynchronously if an error occurs          // or server returns response with an error status.          $rootScope.dataLoadCount--;          $rootScope.isLoading = $rootScope.dataLoadCount != 0;          //console.log('[http error responseData]:' + angular.toJson(data));          var returnData = {            code: 0,            msg: '网络请求失败',            data: ""          };          errorCallback.fun(returnData);        });        return successCallback;      }    }    return request;  }])