http请求json数据1

最新推荐文章于 2018-06-29 10:11:02 发布

detelebest

最新推荐文章于 2018-06-29 10:11:02 发布

阅读量749

点赞数

本文链接：https://blog.csdn.net/detelebest/article/details/79096495

版权

这个示例展示了如何在AngularJS应用中使用$http服务获取HTTP JSON数据，并进行增删查改操作。通过ng-repeat展示数据，实现复选框全选、删除功能，以及根据部门名称模糊查询。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<style>
#sd {
border-radius: 10px; /*圆角边框 */
background-image: url(img/ss.jpg);
background-position: right;
background-repeat: no-repeat;
}

label {
display: block;
}

span {
color: red;
}
</style>
<script src="js/angular.min.js"></script>
<script>
angular.module("gaoyn", [])
.controller("democ", function($scope, $http) {
$scope. add_sex='男';

//$http请求网络上的数据 get():请求指定路径的数据
$http.get("http://result.eolinker.com/TucCTQueffdc1d1aaa3be05d8c62e9bb5d3e8b495f97cca?uri=hybrid")
.then(function(d) { //d---->网址返回数据
// $scope.persons ==>视图中遍历的对象
$scope.persons = d.data; //json串根据键获取值对象.键名
});
//每行遍历都会调用getAge 传进来出生日期, 在函数
$scope.getAge = function(bir) {
var b = new Date(bir).getYear(); //出生的年份
var nowb = new Date().getYear();
return nowb - b;