Anjularjs 实施（跨域接口访问，高效修改）

上一节，我们写到的配置文件和数据访问的时候写法存在很多的淤积

整合代码后

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