jQuery全国城市天气预报API查询代码

jQuery全国城市天气预报API查询代码-精品资源网
jQuery全国城市天气预报API查询代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery全国城市天气预报API查询代码

一款简单好调用的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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容