关闭

$http

标签: angularjsappserviceurlhttp
108人阅读 评论(0) 收藏 举报
分类:

$http是angularjs的一个核心服务!用于读取远程服务器的数据。

举例子

<!DOCTYPE html>
<html>
<head>
    <title>$http</title>
    <meta charset="utf-8" />
    <script src="angular/angular.min.js"></script>
</head>
<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        <ul>
            <li ng-repeat="x in names">{{x.name + " " + x.country}}</li>
        </ul>
    </div>
    <script>
        var app = angular.module('myApp',[]);
        app.controller('myCtrl',function($scope,$http){
            /*$http.get("controller/person.php").success(function(response){
                $scope.names = response.person;
            });*/
            $http.get("controller/person.php").success(function(response){
                $scope.names = response.person;
            })
        });
        /*app.controller('myCtrl',function($scope,$http){
            $http.get("demo01.html").then(function(response){
                $scope.myWelcome = response.data;
            });
        });*/
    </script>
</body>
</html>

输出的结果为

  • zhangsan china
  • lisi American
总结:

angular.module('myApp',[]).controller("myCtrl",function(){

   

    $http.get("url").then(function(response){

        $scope.names = response.data;

    })

})

这个请求可以获取请求的页面的所有数据!

angular.module("myApp",[]).controller("myCtrl",function(){

   

    $http.get("url").success(function(response){

        $scope.names = response.person;

})

});

这个请求可以获取请求页面的数据里面的具体到某个点的数据。这样可以很方便的使用repeat来遍历。


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9663次
    • 积分:692
    • 等级:
    • 排名:千里之外
    • 原创:62篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条