读书人

通用获取城市天候代码

发布时间: 2012-11-23 22:54:33 作者: rapoo

通用获取城市天气代码

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

?

最终效果如下:

通用获取城市天候代码

1 楼 kangzhengfei 2009-03-31 哥们,把jsp页面贴出来干啥啊? 2 楼 kongshanxuelin 2009-04-01 kangzhengfei 写道
哥们,把jsp页面贴出来干啥啊?

没有JSP页面的 3 楼 zjxux 2009-04-02 能不能把IP.js那个文件贴出来?看下! 4 楼 hsb0307 2009-05-04 FaqeeWeatherService.init(); ??

读书人网 >Web前端

热点推荐