AngularJS $http服务例子

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>AngularJS $http服务例子</title>  
</head>  
<body ng-app="App">  
      
    <div ng-controller="StarController">  
        <button ng-click="getData()">获取数据</button>  
        <table>  
            <tr>  
                <td>姓名</td>  
                <td>年龄</td>  
                <td>性别</td>  
                <td>头像</td>  
                <td>专辑</td>  
            </tr>  
            <tr ng-repeat="star in stars">  
                <td>{{star.name}}</td>  
                <td>{{star.age}}</td>  
                <td>{{star.sex}}</td>  
                <td>{{star.photo}}</td>  
                <td>{{star.ablum}}</td>  
            </tr>  
        </table>  
    </div>  
  
    <script src="./libs/angular.min.js"></script>  
    <script>  
          
        var App = angular.module('App', []);  
  
        App.controller('StarController', ['$http', '$scope', '$log', function ($http, $scope, $log) {  
  
            $scope.getData = function () {  
  
                // 发送请求  
                $http({  
                    url: './stars.php',  
                    method: 'get'  
                }).success(function (info) {  
                    $log.info(info);  
                    $scope.stars = info;  
                });  
  
            }  
  
        }]);  
  
    </script>  
</body>  
</html>

欢迎分享本文,转载请保留出处:前端ABC » AngularJS $http服务例子

赞 (1)
分享到:更多 ()

发表评论 0