AngularJS 内置服务 ~ $http().then()
来源：互联网 发布：gps车辆监控软件 编辑：程序博客网 时间：2024/06/05 16:11
<!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>
<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>
阅读全文
0 0
- AngularJS 内置服务 ~ $http().then()
- AngularJs内置服务$http
- AngularJS 内置服务：$http
- AngularJS内置的一些服务之$http
- AngularJS内置服务器--$http服务的简单用法
- AngularJS内置服务
- AngularJS 内置服务
- angularjs的内置服务
- AngularJS 别有洞天的内置服务
- angularJS(三）内置服务
- AngularJs $http 请求服务
- angularjs之http服务
- AngularJs服务-http请求
- AngularJS $http服务例子
- angularjs-http服务
- AngularJS中的 $http服务
- angularjs的 $http 服务
- AngularJs $http 请求服务
- 栈和队列面试题
- ccf 最大波动
- C++笔记——默认参数的函数
- 218. The Skyline Problem
- VS2015添加自动头部注释
- AngularJS 内置服务 ~ $http().then()
- 【QT】笔记（二）
- 浅谈存在性背包问题
- [C语言]编译器是不是帮我们优化了乘或除以用2^x表示数的指令？
- 13-StringBuffer类的概述/数组冒泡/二分查找/Arrays类/Integer类
- 【Python-3.5】win7安装Pygame
- 第七周项目2 建立链队算法库
- ccf 折点计数
- 读者-写者问题（三种实现方案）
