利用$http获取在服务器的json数据

Posted 2020-07-28 飘然离去

以下是存储在web服务器上的 JSON 文件：

http://www.runoob.com/try/angularjs/data/Customers_JSON.php

{
"records":[
{"name":‘yan1‘,"age":‘11‘,"sex":‘man‘},
{"name":‘yan2‘,"age":‘12‘,"sex":‘man‘},
{"name":‘yan3‘,"age":‘13‘,"sex":‘man‘},
{"name":‘yan4‘,"age":‘14‘,"sex":‘man‘},
]

}

　　

<div ng-app="myApp" ng-controller="customersCtrl"> 

<ul>
  <li ng-repeat="x in names">
    {{ x.Name + ‘, ‘ + x.Country }}
  </li>
</ul>

</div>

<script>
var app = angular.module(‘myApp‘, []);
app.controller(‘customersCtrl‘, function($scope, $http) {
    $http.get("http://www.runoob.com/try/angularjs/data/Customers_JSON.php")
    .success(function(response) {$scope.names = response.records;});
});
</script>