一款简单好调用的jQuery全国城市天气预报API查询代码,输入城市名进行查询。
js代码
<scriptsrc="http://webapi.amap.com/subway?v=1.0&key=a6414d65323db9e2718b31e525a1337d&callback=cbk"></script>
<script>
functiongetWeather(location,type,el){
varurl="http://restapi.amap.com/v3/weather/weatherInfo";
varpostData={
key:"dfb9a576fbcb2c9a13a65ab736e47004",
city:location,
extensions:"all"
};
$.ajax({
url:url,
type:type,
data:postData,
success:function(status,data){
console.log(status);
varhtml1="";
varhtml2="";
varhtmlOne="";
if(status.forecasts.length==1){
$(".data1").css("display","none");
$(".data2").css("display","none");
$(".data3").css("display","block");
varweatherData=status.forecasts[0].casts;
console.log(status.forecasts[0].province+"省"+status.forecasts[0].city);
$(".cityName").html(status.forecasts[0].province+"省"+status.forecasts[0].city);
$(".left_data").html(status.forecasts[0].reporttime);
$(".left_weather").html(weatherData[0].dayweather+"\"+weatherData[0].nightweather);
$(".left_temp").html(weatherData[0].daytemp+"\"+weatherData[0].nighttemp);
$(".left_wind1").html(weatherData[0].daywind+"\"+weatherData[0].nightwind);
$(".left_wind2").html(weatherData[0].daypower+"\"+weatherData[0].nightpower);
for(vari=1;i<weatherData.length;i++){
htmlOne+='<li>'+weatherData.date+'</li><li>星期'+weatherData.week+'</li><li>'+weatherData.dayweather+'"\"'+weatherData.nightweather+'</li><li>'+weatherData.daytemp+'"\"'+weatherData.nighttemp+'</li><li>'+weatherData.daywind+'"\"'+weatherData.nightwind+'</li><li>'+weatherData.daypower+'"\"'+weatherData.nightpower+'</li>'
}
$(".dataOne").html(htmlOne);
}else{
$(".data1").css("display","block");
$(".data2").css("display","block");
$(".data3").css("display","none");
}
},
error:function(status){
}
})
}
$(".seachBtn").click(function(){
getWeather($(".intCity").val(),"post",".box1");
})
functionaddHtmlTwo(){
}
functionaddHtmlOne(){
}
</script>
下载
|
|