通用获取城市天气代码

在我们开发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>

 

最终效果如下:

你可能感兴趣的:(C++,c,json,jsp,webservice)