Angularjs http网络请求

wonder-df

于 2018-01-18 11:29:12 发布

阅读量285

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wxy_wonder/article/details/79094032

本文展示了一个使用AngularJS框架加载并显示JSON数据的基本示例。通过$http服务发送GET请求获取数据，然后在控制器中将返回的数据绑定到视图上进行展示。此示例适用于初学者了解AngularJS中的数据绑定及HTTP请求处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html ng-app="myapp">
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<script type="text/javascript" src="js/angular.min.js" ></script>
	<script>
		var mo=angular.module("myapp",[]);
		mo.controller("con",function($scope,$http){
			$http({
				method:"GET",
				url:"aa.json"
			}).success(function(data){
				$scope.names=data.data.pc_feed_focus;
			})
		})
	</script> 
	<body ng-controller="con">
		<ul ng-repeat=" re in names">
			<li>{{re.title}}</li>
		</ul>
	</body>
</html>