AngularJS 内置服务 ~ $http().then()

WEB前端 waitig 461℃ 百度已收录 0评论

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS 内置服务 ~ $http().then() </title>
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$http){
/* 
* $http:服务向服务器发送请求,应用响应服务器传过来的数据。
* 语法:$http().then()
$http()指定请求参数信息;
then()第一个参数是请求成功的执行函数,第二个参数是请求失败的执行函数。*/

$http({
method:"get",
url:"myJson.json"
}).then(function success(respsone){
$scope.users = respsone.data;
},function error(){
console.log("获取失败!");
});
});
</script>
</head>

<body ng-app="myApp" ng-controller="myCtrl">
<center>
<table border="1" bordercolor="blue" cellpadding="18" cellspacing="0">
<caption>用户信息表<br><br></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>


本文由【waitig】发表在等英博客
本文固定链接:AngularJS 内置服务 ~ $http().then()
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)