首页 > Windows开发 > 详细

angular实现对百度天气api跨域请求

时间:2017-02-15 00:37:01      阅读:412      评论:0      收藏:0      [点我收藏+]

申请秘钥:http://lbsyun.baidu.com/apiconsole/key  ,有个百度账号就行ak=开发者秘钥

url地址  :http://api.map.baidu.com/telematics/v3/weather?location=北京%E5%8C%97%E4%BA%AC&output=json&ak=tQydkkwXfEtSNgvAEHUr1v6u0GbXUvZo&&callback=JSON_CALLBACK

 1 var app=angular.module(‘app‘,[]);
 2 // //天气
 3 app.controller(‘weather‘,function ($scope,$http){
 4     $scope.t1= ‘北京‘;
 5     $scope.$watch(‘t1‘,function (){
 6         $http.jsonp(‘http://api.map.baidu.com/telematics/v3/weather?location=‘+$scope.t1+‘&output=json&ak=tQydkkwXfEtSNgvAEHUr1v6u0GbXUvZo&callback=JSON_CALLBACK‘).success(function (data){
 7             $scope.lightNight=‘‘;//白天或者黑夜的图片
 8             $scope.city=data.results[0].currentCity;
 9             $scope.temperature = data.results[0].weather_data[0].temperature;
10             //白天黑夜
11             var oDate = new Date();
12             var oH = oDate.getHours();
13             if (oH > 6 && oH < 18) {
14                 $scope.lightNight = data.results[0].weather_data[0].dayPictureUrl;
15             }else{
16                 $scope.lightNight = data.results[0].weather_data[0].nightPictureUrl;
17             }
18         });
19     });
20 });

 

angular实现对百度天气api跨域请求

原文:http://www.cnblogs.com/NTWang/p/6399375.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!