angularjs服务-http获取json串

最新推荐文章于 2021-10-23 11:38:32 发布

healer1

最新推荐文章于 2021-10-23 11:38:32 发布

阅读量438

点赞数

分类专栏：服务文章标签：服务

本文链接：https://blog.csdn.net/healer1/article/details/78056010

版权

服务专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/angular.js" ></script>
		<script>
			var app = angular.module("myApp",[]);
			app.controller("myCtrl",function($scope,$http){
				//$scope.haha = 3;
				$http({//请求参数
					method:"get",
					url:"myJson.json"
				}).then(function success(response){
					console.log(response);
					console.log(response.data);
					$scope.arr = response;
					$scope.name = response.data[2].name;
				},function error(){
					$scope.name = "error";
				});
			});
			
		</script>
	</head>
	<body ng-app="myApp" ng-controller="myCtrl">
		<!--{{arr}}-->
		<ul ng-repeat="user in arr.data">
			<p>姓名：{{user.name}}，年龄:{{user.age}},性别:{{user.sex}}</p>
		</ul>
	</body>
</html>

[{"name":"张三","age":20,"sex":"男"},
{"name":"李四","age":21,"sex":"女"},
{"name":"王五","age":22,"sex":"男"}]

healer1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs服务-http获取json串

var app = angular.module("myApp",[]); app.controller("myCtrl",function($scope,$http){ //$scope.haha = 3; $http({//请求参数 method:"get", url:"myJson.json" }).then(function success
复制链接

扫一扫

专栏目录