Angularjs $http获取json

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

laolongs

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

阅读量592

点赞数

分类专栏： AngularJS

本文链接：https://blog.csdn.net/laolongs/article/details/78049063

版权

AngularJS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

json

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

代码

<!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({
mothed:"get",
url:"aaa.json"
}).then(function success(response){
$scope.name=response.data[2].name;
},function error(){
$scope.name="error";
});
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
{{name}}
</body>
</html>