document.writeln("

五分赛车

网站开发

五分赛车 网罗一切网站作育开发相关的教程内容,如CSS教程、JS教程、html教程,服务器装备,域名空间的购置教程。

收费分享一个天气Api接口(附应用示例)

揭晓于:2019-05-28 11:27:11 | 点击: | 栏目:

网站开发

网上的大多数天气接口要么是收费的,要么只支持 iframe 嵌入要领,基本就没法用……

明天“不妥心”从 360 那挖到了一个支持 json 的天气接口,支持自动断定五分赛车地域,取得比来五天的天气,支持天气相关信息展示。异常好用!

接口请求名堂以下:

http://cdn.weather.hao.360.cn/sed_api_weather_info.php?app=360chrome&code=【地域编码】&_jsonp=【jsonp回调函数】

其中的 地域编码 与中国天气网的地域编码是一样的。假定不设置这个参数,则默许显示当地的天气状态。

简朴单纯的挪用示例源码以下:(请自行阻拦界面美化)

<!DOCTYPE html>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"/>
<title>天气接口应用示例</title>
<style>
body {  
font-family: microsoft yahei;  
}  
</style>
<scriptsrc="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<divid="output"></div>
<scripttype="text/javascript"charset="utf-8">
$.ajax({  
type: "GET",   
url: "http://cdn.weather.hao.360.cn/sed_api_weather_info.php?app=360chrome",  
dataType : "jsonp",  
jsonp: "_jsonp",//参数名  
success: function(jsonData){  
var html;  
html= '数据更新时间:'+ jsonData.pubdate + ' ' + jsonData.pubtime + '<br>';  
html += '地域:' + jsonData.area[0][0] + ' ' + jsonData.area[1][0] + ' ' + jsonData.area[2][0] + '<br>';  
html += '天气情形:<br>';  
for(var i=0; i<jsonData.weather.length; i++) {  
html += jsonData.weather[i].date + '<br>';  
if(jsonData.weather[i].info.dawn !== undefined) {  
html += '破晓天气:' + jsonData.weather[i].info.dawn[1] +   
' 气温:' + jsonData.weather[i].info.dawn[0] + '~' + jsonData.weather[i].info.dawn[2] + '℃ ' +  
jsonData.weather[i].info.dawn[3] +' '+ jsonData.weather[i].info.dawn[4] + '<br>';  
}  
if(jsonData.weather[i].info.day !== undefined) {  
html += '日间天气:' + jsonData.weather[i].info.day[1] +   
' 气温:' + jsonData.weather[i].info.day[0] + '~' + jsonData.weather[i].info.day[2] + '℃ ' +  
jsonData.weather[i].info.day[3] +' '+ jsonData.weather[i].info.day[4] + '<br>';  
}  
if(jsonData.weather[i].info.night !== undefined) {  
html += '夜间天气:' + jsonData.weather[i].info.night[1] +   
' 气温:' + jsonData.weather[i].info.night[0] + '~' + jsonData.weather[i].info.night[2] + '℃ ' +  
jsonData.weather[i].info.night[3] +' '+ jsonData.weather[i].info.night[4] + '<br>';  
}  
html += '<br>';  
}  
html += '穿衣:<br>';  
html += '【' + jsonData.life.info.chuanyi[0] + '】 ' + jsonData.life.info.chuanyi[1] + '<br><br>';  
html += '伤风:<br>';  
html += '【' + jsonData.life.info.ganmao[0] + '】 ' + jsonData.life.info.ganmao[1] + '<br><br>';  
html += '空调:<br>';  
html += '【' + jsonData.life.info.kongtiao[0] + '】 ' + jsonData.life.info.kongtiao[1] + '<br><br>';  
html += '污染:<br>';  
html += '【' + jsonData.life.info.wuran[0] + '】 ' + jsonData.life.info.wuran[1] + '<br><br>';  
html += '洗车:<br>';  
html += '【' + jsonData.life.info.xiche[0] + '】 ' + jsonData.life.info.xiche[1] + '<br><br>';  
html += '运动:<br>';  
html += '【' + jsonData.life.info.yundong[0] + '】 ' + jsonData.life.info.yundong[1] + '<br><br>';  
html += '紫外线:<br>';  
html += '【' + jsonData.life.info.ziwaixian[0] + '】 ' + jsonData.life.info.ziwaixian[1] + '<br><br>';  
html += 'PM2.5: ' + jsonData.pm25.pm25[0];  
$("#output").html(html);  
}  
});  
</script>
</body>
</html>
趣彩网1分幸运28-1分幸运28分析 诺亚1分六合-1分六合单双 福德正神一分六合-一分六合分析 网上手游棋牌-网上手游app注册-网上手游平台 全民乐2分快三-2分快三官网 大运极速快三-极速快三走势图 多彩幸运快三-幸运快三官网 鸿运1分幸运28-1分幸运28骗局 彩89好运快三-好运快三单双 优游极速赛车-极速赛车走势图 var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?9642d325180c6f538ed57133ecb61436"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();