jsp获取sina天气

最新推荐文章于 2022-11-14 21:23:02 发布

hackcoder

最新推荐文章于 2022-11-14 21:23:02 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/hackcoder/article/details/38701817

本文介绍了一个简单的网页应用，该应用使用jQuery库从新浪提供的API获取选定城市的当前天气信息，并实时更新显示。用户可以通过下拉菜单选择不同的城市，如成都、北京等。

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

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery/jquery-1.4.4.js"></script>
<script type="text/javascript">
	function GetWeather(a) {
		var date = new Date();
		var cDate = date.getFullYear() + "-" + (date.getMonth()) + "-"
				+ date.getDate();
		$("#wPlace").text(a.value);
		$.getScript("http://php.weather.sina.com.cn/js.php?" + $.param({
			city : a.value,
			day : cDate,
			password : "DJOYnieT8234jlsK"
		}), function(json) {//数据返回 
			$("#weather").text(status1 + " " + direction1);
			$("#wd").text(temperature1 + "°~" + temperature2 + "°");
			/*
			需要传入city参数，就是要获取天气的城市名，直接写中文名称
			status1:天气状况（多云，晴，小雨，雪等等）
			temperature1：温度
			 */
		});
	}
</script>
</head>
<body onload="">
	<div>
		<select id="selectInput" onchange="GetWeather(this);" name="TEMP"
			style="width: 100px;">
			<option value="成都">成都</option>
			<option value="北京">北京</option>
			<option value="上海">上海</option>
			<option value="香港">香港</option>
			<option value="长沙">长沙</option>
		</select>
	</div>
	<div id="wPlace"></div>
	<div id="weather"></div>
	<div id="wd"></div>
</body>
</html>