通用获取城市天气代码
在我们开发Web项目过程中,经常会碰到某些页面需要显示一下当地的城市天气,这里面涉及到两个问题:
根据客户端IP获取所在城市根据城市得到天气预报(中央气象局天气预报信息)动手开始做吧,后台代码当然是调用WebService了,前台页面代码很简单,如下:
<script> window.dome = function(json){document.getElementById("ttt").innerHTML = "今日天气:<b>"+json.t+"("+json.t_result+")</b>,<br/>" + "明日天气:<b>"+json.t2+"("+json.t2_result+")</b>,<br/>"+"后天天气:<b>"+json.t3+"("+json.t3_result+")</b>,<br/>"; var str = "";for(var i=0;i<json.zhishu.length;i++){str += json.zhishu[i].name + ":" + json.zhishu[i].value+"<br/>";} document.getElementById("zhishu").innerHTML = str; } function getW() { var c = document.getElementById("mycity").value; document.getElementById("faqee_weather_script").src = "http://.................../w.js?id=tt&encode=UTF-8&city="+c+"&callback=window.dome"; FaqeeWeatherService.init(); }</script> </head> <body>输入城市名称(保留空则按IP读取城市信息):<input type="text" id="mycity" /><button onclick="getW()">获取城市天气</button><br/><span id="ttt"></span>天气指数:<div id="zhishu"></div><script id="faqee_weather_script" src="http://.............../weather/w.js?id=tt&encode=UTF-8&city=宁波&callback=window.dome"></script>?
最终效果如下:
