Json 获取天气信息API

最新推荐文章于 2025-06-30 11:15:22 发布

原创最新推荐文章于 2025-06-30 11:15:22 发布 · 1.6k 阅读

3 ·

CC 4.0 BY-SA版权

HTML5 同时被 2 个专栏收录

18 篇文章

订阅专栏

JavaScript

16 篇文章

订阅专栏

博客主要围绕页面处理展开，重点提及对Ajax返回数据的处理，这在前端开发中是常见操作，能实现页面的动态更新等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面处理 Ajax返回数据

	$.ajax({
        type: 'GET',
        url: 'https://www.tianqiapi.com/api/',
        data: 'version=v1&city=上海',
        dataType: 'JSON',
        error: function () {
            alert('网络错误');
        },
        success: function (res) {
        	$("#wd").html(res.data[0].tem.replace('℃','°'));
        	$("#weather").html(res.data[0].wea);
        	$("#sd").html(res.data[0].humidity);
        	$("#kqzl").html(res.data[0].air_level);
        	$("#fLevel").html(res.data[0].win_speed);
        	$("#oneDayWD").html(res.data[0].tem);
        	$("#twoDayWD").html(res.data[1].tem);
        	$("#threeWD").html(res.data[2].tem);
        	$("#fourWD").html(res.data[3].tem);
        	$("#fiveWD").html(res.data[4].tem);
        	$("#tomorrowWD").html(res.data[1].tem.replace('℃','°'));
        	$("#tomorrowWeather").html(res.data[1].wea);
        	$("#tomorrowSD").html(res.data[1].humidity);
        	$("#tomorrowKQZL").html(res.data[1].air_level);
        	$("#tomorrowFLevel").html(res.data[1].win_speed);
        	
        	$("#headWeather").html(res.data[0].wea+' '+res.data[0].win[0]+""+res.data[0].win_speed+" 气温 "+
        	res.data[0].tem2+"~"+res.data[0].tem1+" 空气质量 "+res.data[0].air_level);
        	
        	if(res.data[0].wea_img == "yun"){
        		$('#tb1').attr("src", '<%=basePath%>resource/dpmimg/weather-01.png');
        	}
        	if(res.data[0].wea_img == "yu"){
        		$('#tb1').attr("src", '<%=basePath%>resource/dpmimg/weather-05.png');
        	}
        	if(res.data[0].wea_img == "qing"){
        		$('#tb1').attr("src", '<%=basePath%>resource/dpmimg/weather-03.png');
        	}
        	if(res.data[0].wea_img == "yun"){
        		$('#oneDayTB').attr("src", '<%=basePath%>resource/dpmimg/weather-01.png');
        	}
        	if(res.data[0].wea_img == "yu"){
        		$('#oneDayTB').attr("src", '<%=basePath%>resource/dpmimg/weather-05.png');
        	}
        	if(res.data[0].wea_img == "qing"){
        		$('#oneDayTB').attr("src", '<%=basePath%>resource/dpmimg/weather-03.png');
        	}
        	
        	if(res.data[1].wea_img == "yun"){
        		$('#twoDayTB').attr("src", '<%=basePath%>resource/dpmimg/weather-01.png');
        	}
        	if(res.data[1].wea_img == "yu"){
        		$('#twoDayTB').attr("src", '<%=basePath%>resource/dpmimg/weather-05.png');
        	}
        	if(res.data[1].wea_img == "qing"){
        		$('#twoDayTB').attr("src", '<%=basePath%>resource/dpmimg/weather-03.png');
        	}
        	
        	if(res.data[2].wea_img == "yun"){
        		$('#threeTB').attr("src", '<%=basePath%>resource/dpmimg/weather-01.png');
        	}
        	if(res.data[2].wea_img == "yu"){
        		$('#threeTB').attr("src", '<%=basePath%>resource/dpmimg/weather-05.png');
        	}
        	if(res.data[2].wea_img == "qing"){
        		$('#threeTB').attr("src", '<%=basePath%>resource/dpmimg/weather-03.png');
        	}
        	
        	if(res.data[3].wea_img == "yun"){
        		$('#fourTB').attr("src", '<%=basePath%>resource/dpmimg/weather-01.png');
        	}
        	if(res.data[3].wea_img == "yu"){
        		$('#fourTB').attr("src", '<%=basePath%>resource/dpmimg/weather-05.png');
        	}
        	if(res.data[3].wea_img == "qing"){
        		$('#fourTB').attr("src", '<%=basePath%>resource/dpmimg/weather-03.png');
        	}
        	
        	if(res.data[5].wea_img == "yun"){
        		$('#fiveTb').attr("src", '<%=basePath%>resource/dpmimg/weather-01.png');
        	}
        	if(res.data[5].wea_img == "yu"){
        		$('#fiveTb').attr("src", '<%=basePath%>resource/dpmimg/weather-05.png');
        	}
        	if(res.data[5].wea_img == "qing"){
        		$('#fiveTb').attr("src", '<%=basePath%>resource/dpmimg/weather-03.png');
        	}
        }
    });