$http服务应用

$http服务的使用场景：

var promise = $http({
    method: "post",//发送请求的方式，get，post,put,delete,head,jsop;常用get post
    url: "data.json", //请求的地址
    params: {"name": "lisa"},//传递参数，转换name=lisa的形式跟在请求路径的后面
    data:blod//通常是在发送post请求时使用，
}).success(function(data) {
    console.log("响应成功");
}).error(function() {
   console.log("响应失败");
})

then()函数：可以用来处理$http服务的回调，then()函数接受两个可选的函数作为参数，表示sucees或者error状态的处理，也可以使用success和error回调代替；then(successFn,errFn,nontifyFn),无论promise成功还是失败了，then都会立刻异步调用successFn或者errFn.这个方法始终用一个参数来调用回调函数，

promise.then(function(response) {
    //响应成功时调用，response是一个响应对象；
},function(response) {
    //响应失败时调用，resp带有错误信息
});

then()函数接受response响应对象包含5个属性：

• data: 响应的数据；
• status：相应http的状态码，如200；
• headers：头信息的getter函数，可以接受一个参数，用来获取对应名字的值；
• config（对象）：生成原始请求的完整设置对象；
• statusText：响应的http状态文本，如OK；
  或者直接使用success/error方法：

prmoise.success(function(data, status, headers, config) {
   // 处理成功的响应
});
prmoise.error(function(data, status, headers, config) {
    //处理非成功的响应
})

示例：

//html

    

        

            

                
名称
                
属性
            
        
        

            

                
{{data.name}}
                
{{data.attr}}
            
        
    

success和error的方法

  var app = angular.module("myApp",[]);
        app.controller("myCtrl", function($scope, $http) {
            $http({
                method: "get",
                url: "data.json"  
            }).success(function(data, herders, status, config) {
                console.log(data);
                $scope.myData = data;
            }).error(function(data, herders, status, config) {
            console.log(data)
             })
})

then()方法来处理$http服务的回调;

var app = angular.module("myApp", []);
      app.controller("myCtrl", function($scope, $http) {
        $http.get("data.json").then(function(response) {
          $scope.myData = response.data//
        },function(response) {
          console.log(response.statusText);
        })
});