angular实现对百度天气api跨域请求
2024-09-03 23:59:55
申请秘钥: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
var app=angular.module('app',[]);
// //天气
app.controller('weather',function ($scope,$http){
$scope.t1= '北京';
$scope.$watch('t1',function (){
$http.jsonp('http://api.map.baidu.com/telematics/v3/weather?location='+$scope.t1+'&output=json&ak=tQydkkwXfEtSNgvAEHUr1v6u0GbXUvZo&callback=JSON_CALLBACK').success(function (data){
$scope.lightNight='';//白天或者黑夜的图片
$scope.city=data.results[0].currentCity;
$scope.temperature = data.results[0].weather_data[0].temperature;
//白天黑夜
var oDate = new Date();
var oH = oDate.getHours();
if (oH > 6 && oH < 18) {
$scope.lightNight = data.results[0].weather_data[0].dayPictureUrl;
}else{
$scope.lightNight = data.results[0].weather_data[0].nightPictureUrl;
}
});
});
});
最新文章
- JavaScript高级-定义函数(类)方法
- JAVA个人知识总结
- PHP数组处理函数的使用array_push(一)
- 如何调试SSIS包之跟踪变量赋值
- Android学习系列(36)--App调试内存泄露之Context篇(上)
- 浅谈Java中的深拷贝和浅拷贝(转载)
- 07---Net基础加强
- Configure Puppet Master with Passenger and Apache on Centos
- java执行程序
- 图文详解YUV420数据格式
- 使用rar打包多个文件为exe可执行文件
- git tag的使用
- python two-dimensional array assignment initialize
- JAVA-实例方法被覆盖,静态方法被隐藏Explain
- 视觉词袋模型(BOVW)
- 【POJ2823】Sliding Window
- Kindle官方广告“自封”泡面盖
- Fruit HDU - 2152 -上下界生成函数
- 查看电脑本机的ip地址
- django的model操作整理