<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取天气信息</title>
<script language="javascript" src="jquery-1.8.2.min.js"></script>
<script language="javascript">
function getWeatherInfo() {
$.getScript("http://php.weather.sina.com.cn/js.php?" + $.param({
city : $("#position").val(), //城市
day : 0,
password : "DJOYnieT8234jlsK"
}) , function(json){
$("#weatherinfo").html('<img src="weather/'+ status1 +'.gif" style="vertical-align:middle;" /> <span style="vertical-align:middle;">'+temperature1+'°</span>');
});
}
</script>
</head>
<body>
<form>
<input type="text" id="position" />
<input type="button" onclick="getWeatherInfo()" value="提交" />
</form>
<div id="weatherinfo"></div>
</body>
</html>
使用JS在页面前端获取天气预报
4星 · 超过85%的资源 需积分: 50 112 浏览量
2014-04-25
09:41:06
上传
评论
收藏 54KB ZIP 举报 
JS获取天气信息.zip （34个子文件） 
JS获取天气信息 
jquery-1.8.2.min.js 91KB
weatherinfo.html 984B weather 
雾.gif 366B 晴.gif 460B 13.gif 450B 27.gif 442B 31.gif 1KB 20.gif 451B 3.gif 453B 12.gif 460B 6.gif 471B 11.gif 453B 17.gif 458B 23.gif 459B 28.gif 460B 大雨.gif 454B 30.gif 1KB 29.gif 556B 14.gif 440B 22.gif 441B 21.gif 434B 雷阵雨.gif 465B 16.gif 453B 26.gif 429B 25.gif 467B 15.gif 436B 24.gif 450B 中雨.gif 440B 小雨.gif 417B 多云.gif 458B 10.gif 404B 阴.gif 420B 19.gif 438B 雷雨.gif 463B
评论5
最新资源