angular-learning-notes
/
菜鸟教程实例30读取服务器上的数据.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
</head>
<body>

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

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

</div>

<script>
var app = angular.module('myApp', []);

app.controller('siteCtrl', function($scope, $http) {
	$http({
		method: 'GET',
		url: 'http://www.runoob.com/try/angularjs/data/sites.php'

	}).then(function successCallback(response) {
			$scope.names = response.data.sites;
		}, function errorCallback(response) {
			// 请求失败执行代码
			document.write("失败了");
	});

});
</script>

</body>
</html>