正文
利用$http获取在服务器的json数据
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
以下是存储在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'},
]
}
{
"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>