
一款简单好调用的jQuery全国城市天气预报API查询代码,输入城市名进行查询。
js代码
<script src=\"http://webapi.amap.com/subway?v=1.0&key=a6414d65323db9e2718b31e525a1337d&callback=cbk\"></script>
<script>
function getWeather(location,type,el){
var url = \"http://restapi.amap.com/v3/weather/weatherInfo\";
var postData = {
key: \"dfb9a576fbcb2c9a13a65ab736e47004\",
city: location,
extensions: \"all\"
};
$.ajax({
url:url,
type:type,
data:postData,
success:function(status,data){
console.log(status);
var html1 = \"\";
var html2 = \"\";
var htmlOne = \"\";
if(status.forecasts.length == 1){
$(\".data1\").css(\"display\",\"none\");
$(\".data2\").css(\"display\",\"none\");
$(\".data3\").css(\"display\",\"block\");
var weatherData = 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(var i=1;i<weatherData.length;i++){
htmlOne += \'<li>\'+weatherData[i].date+\'</li><li>星期\'+weatherData[i].week+\'</li><li>\'+weatherData[i].dayweather+\'\"\\\"\'+weatherData[i].nightweather+\'</li><li>\'+weatherData[i].daytemp+\'\"\\\"\'+weatherData[i].nighttemp+\'</li><li>\'+weatherData[i].daywind+\'\"\\\"\'+weatherData[i].nightwind+\'</li><li>\'+weatherData[i].daypower+\'\"\\\"\'+weatherData[i].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\");
})
function addHtmlTwo(){
}
function addHtmlOne(){
}
</script>










暂无评论内容