Anjularjs 實施（跨域接口通路，高效修改）

上一節，我們寫到的配置檔案和資料通路的時候寫法存在很多的淤積

整合代碼後

var app=angular.module("app",[]);

app.constant("http","http://192.168.21.102:8090/mbay-appTemptation-web/");

app.config(['$httpProvider', function ($httpProvider) {

    delete $httpProvider.defaults.headers.common['X-Requested-With'];

    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

    $httpProvider.defaults.transformRequest = function(data) {

        //當參數不為空的時候

    if(data){

    return $.param(data);

    }

   };

}]);

//這樣我們通路資料的時候直接這樣

$http.post(flowUrl,{

"area":$("#operatorType_select").val(),

"operatorType":$('input[name="cnradio"]:checked').val(),

"trafficPackageType":$('input[name="range"]:checked').val()

}).success(function(resp){

if(resp.status){

$scope.list=resp.data;

}

else{

layer.msg(resp.data);

}

}).error(function(resp){

layer.msg("伺服器異常,請稍後嘗試");

})