angualrjs- $http简单应用解析

Posted 2020-08-27 司马懿FE技术分享

$http方式既可以post方式也可以get方式索取数据，格式如下：

post方式

$http({
    url:‘exp.txt‘,//请求地址
    method: ‘POST‘,//请求方式
    params:{id:‘1‘},//地址后面的参数相当于url?xx
    data: {name:‘angular‘,password:‘333‘,age:1}//构造json格式数据发送给后台
}).success(function(data){//请求成功后的操作函数 data为后台返回的函数
        $scope.data = data.data.list;
    })
});

如果是get方式，毫无疑问，不能带有发送给后台的数据data

$http({
    url:‘exp.txt‘,
    method: ‘get‘,
    params:{id:‘2‘},//地址后面的参数相当于url?xx
}).success(function(data){//请求成功后的操作函数 data为后台返回的函数

$scope.data = data.data.list;
    })
});