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("服务器异常,请稍后尝试");

})