AngularJS中的$http服务请求数据

最新推荐文章于 2022-01-08 18:16:18 发布

qq_39714476

最新推荐文章于 2022-01-08 18:16:18 发布

阅读量1.1k

点赞数

分类专栏： AngularJS中的$http服务请求数据文章标签： AngularJS中的http服务请求数

本文链接：https://blog.csdn.net/qq_39714476/article/details/78345694

版权

1 篇文章 0 订阅

订阅专栏

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript" src="../AngularJS/angular.js" ></script>
	<script>
	var app = angular.module("myApp",[]);
	app.controller("myCtrl",function($scope,$http){
	//$scope.users;

	$http({
	method:"get",
	url:"myJson.json"
	}).then(function success(response){
	//console.log(response.data[0].name);
	$scope.users = response.data;
	//console.log(users);
	},function error(){
	console.log("失败");
	});
	});
	</script>
	</head>
	<body ng-app="myApp" ng-controller="myCtrl">
	<center>
	<table border="1px" cellpadding="10" cellspacing="0">
	<caption>用户信息表</caption>
	<thead>
	<tr>
	<th>ID</th>
	<th>用户名</th>
	<th>年龄</th>
	</tr>
	</thead>
	<tbody>
	<tr ng-repeat="user in users">
	<td>{{user.id}}</td>
	<td>{{user.name}}</td>
	<td>{{user.age}}</td>
	</tr>
	</tbody>
	</table>
	</center>
	</body>
	</html>