本文介绍了一个使用AngularJS框架中的$http服务进行JSON数据获取的例子。通过GET方式请求本地的myJson.json文件，并展示了如何在控制器中处理响应数据及在视图上展示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>$http</title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$http){
$http({
method:"get",//请求路径
url:"myJson.json"//请求的json串 自己写的json串
}).then(function zhengque(response){
//请求正确
$scope.student=response.data;
},function cuowu(){
//请求错误
alert("错误");
});
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<ul>
<li ng-repeat="s in student">姓名：{{s.name}}</li>
</ul>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>$http</title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$http){
$http({
method:"get",//请求路径
url:"myJson.json"//请求的json串 自己写的json串
}).then(function zhengque(response){
//请求正确
$scope.student=response.data;
},function cuowu(){
//请求错误
alert("错误");
});
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<ul>
<li ng-repeat="s in student">姓名：{{s.name}}</li>
</ul>
</body>
</html>
扫一扫
282
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
