angular中的$http服务

时间：2015-12-11 18:41:25 阅读：280 评论：0 收藏：0 [点我收藏+]

$http是ng内置的一个服务。是简单的封装了浏览器原生的XMLHttpRequest对象。

写法1

    $http({
      method: "GET",
      url: ‘data.json‘,
    }).success(function(data, status, headers, config){
      $scope.list = data;
    }).error(function(data, status, headers, config) { 
        //
    });

实际上$http方法返回一个promise对象，这样可以方便的进行链式调用。

于是我们可以这样

var promise = $http({
      method: "GET",
      url: ‘data.json‘,
 })
promise
    .success(function(data, status, headers, config){
        // $scope.list = data;
    })
    .error(function(data, status, headers, config) { 
        //
    });

注意：

1. 如果响应状态码在200和299之间，会认为响应是成功的，success回调会被调用，否则会调用error回调。

2. 如果响应结果是重定向，XMLHttpRequest会跟进这个重定向，并不会调用error回调。

写法2

使用promise对象的then方法

then()方法与其他两种方法的主要区别是，它会接收到完整的响应对象，而success()和error()则会对响应对象进行析构。个人理解是拆分了

   $http({
        method: "GET",
        url: ‘data.json‘
    })
    .then(successCallback, errorCallback);

    function successCallback(responseObj){
      //相应对象变了，不是data, status, headers, config而是包含他们四个属性的完整对象
      $scope.list = responseObj.data
    }
    function errorCallback(){
    }

写法3 快捷写法

jQuery源码中，$.get(url,data,fn),$.post等是对$ajax的再次封装。ng类似。

 $http.get(‘data.json‘).success(function(data){
      $scope.list = data
 })

实例：demo

angular中的$http服务

原文：http://www.cnblogs.com/mafeifan/p/5039798.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)