html5_AngularJs访问网络数据ajax
来源:互联网 发布:数控机床的数据参数 编辑:程序博客网 时间:2024/06/03 12:19
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="angular-1.3.0.js"></script> <script type="text/javascript" src="jquery-1.11.0.js"></script> <script> var app = angular.module("myapp",[]); app.controller("myctrl",function($scope, $http){ $http({ method: "GET", url: "book.json" }).success(function(data, status, headers, config){ $scope.book = data; }).error(function(data, status, headers, config){ }); $http({ method: "GET", url: "books.json" }).success(function(data, status, headers, config){ $scope.books = data; }).error(function(data, status, headers, config){ });
});//get请求 $http.get("https://free-api.heweather.com/v5/weather?city=beijing&key=545d63e185fc48169a43cbabba6e74d2").then(function (response) { $scope.book=response.data; }, function (response) { console.log(response.status); });
</script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<ul>
<li>ID:{{book.id}}</li>
<li>标题:{{book.title}}</li>
<li>图片:<img src="{{book.picture}}" style="width: 100px;height: 100px"></li>
</ul>
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<td>ID</td>
<td>标题</td>
<td>图片</td>
</tr>
<tr ng-repeat="book in books">
<td>{{book.id}}</td>
<td>{{book.title}}</td>
<td><img src="{{book.picture}}" style="width: 100px;height: 100px"></td>
</tr>
</table>
</body>
</html>
阅读全文
2 0
- html5_AngularJs访问网络数据ajax
- html5_AngularJs计时器
- Android 网络数据访问
- android访问网络数据
- ajax通过网络获取数据
- httppost方式访问网络数据
- Volley简单访问网络数据
- AsyncTask异步访问网络数据
- HttpClient包访问网络数据
- 网络访问数据并展示
- Jquery ajax 访问Servlet 处理 Json 数据
- ajax跨域访问数据接口 php
- Jquery ajax 访问外网数据
- Jquery ajax 访问Servlet 处理 Json 数据
- jquery.Ajax跨域访问数据方法
- Wex5 通过ajax访问远程数据
- Ajax访问controller获取返回数据
- html5_AngularJs简单使用2
- Hibernate框架-inverse属性
- 统计字符数
- CSS基本语法
- 新增文件测试的测试点
- HTTP 400 错误
- html5_AngularJs访问网络数据ajax
- HTML学习之块级元素和行内元素的特征和区别(一)
- CSS实现三列自适应的两种方法
- iOS冒泡、选择排序算法
- 再次定义千元旗舰手机,需要怎样的自我修养?
- 当IT服务遇上人工智能:科技如何普惠企业与用户?
- 鹿晗示爱崩溃不了你,无法忘却的前任的前任的前任之电报故事
- 计算机编程语言的分类,解释型语言、编译型语言、脚本语言的关系
- oracle + ssm 项目重构遇到的问题及解决方法