$http

$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来遍历。


阅读更多
个人分类: angularjs
上一篇angularjsService
下一篇angularjs Select下拉选择宽
博主设置当前文章不允许评论。

没有更多推荐了,返回首页

关闭
关闭