利用ajax 获取指定地区的天气

蒋金阳

天气网关接口: http://www.webxml.com.cn/WebServices/WeatherWebService.asmx <br />这里指定地区为上海,读者可以更改地区为合肥.北京,等等. <br />也可以看我上次发的根据ip 得到地区,再根据地得到的地区来得到天气. <br />这里读者可以举一反三,写出更好的天气程序来 <br /><br /><br />代码如下: <br />&lt;html&gt;<br />&lt;head&gt;<br />&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;<br />&lt;title&gt;无标题文档&lt;/title&gt;<br />&lt;style type=&quot;text/css&quot;&gt;<br />#show {<br />  width:778px;<br />  background-color:#66CCCC;<br />  border:1px #FF0000 dashed;<br />  margin:0 60px;<br />  }<br />&lt;/style&gt;<br />&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; defer=&quot;defer&quot;&gt;<br />var xmlHttp; <br />var city=encodeURIComponent(&quot;上海&quot;); <br />var url=&quot;http://www.webxml.com.cn/WebServices/WeatherWebService.asmx/getWeatherbyCityName?theCityName=&quot;; <br />function createXMLHttpRequest(){ <br /> if(window.ActiveXObject){ <br /> xmlHttp = new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;); <br /> }else if(window.XMLHttpRequest){ <br /> xmlHttp = new XMLHttpRequest(); <br /> } <br />} <br />function startRequest(){ <br /> createXMLHttpRequest(); <br />xmlHttp.onreadystatechange = function (){<br /> if(xmlHttp.readystate==4){ <br />  if(xmlHttp.status==200){ <br />   var str=xmlHttp.responseXML.getElementsByTagName(&quot;string&quot;); <br />   //var tot=new Array();<br />   var tot=&quot;&quot;;<br />   for(var i=0;i &lt;str.length;i++) <br />   { <br />    if(i==9 ||i==8||i==16||i==15||i==21||i==20){<br />    var weather=&quot;&lt;img src=image/&quot;+str.firstChild.data+&quot; /&gt;&lt;br/&gt;&quot;; <br />    //tot.push(str.firstChile.data);<br />    <br />    }else{<br />     var weather=str.firstChild.data+&quot;&lt;br/&gt;&quot;; <br />    //tot.push(str.firstChile.data);<br />    }<br />    tot+=weather;<br />   }<br />    //var arr=tot.join(&quot;&lt;br/&gt;&quot;);<br />   //alert(str[0].firstChild.data); <br />   document.getElementById(&quot;show&quot;).innerHTML=tot;<br />  } else{<br />   alert(&quot;error&quot;);<br />  }<br /> }<br />}; <br />xmlHttp.open(&quot;GET&quot;,url+city,true); <br />//xmlHttp.setRequestHeader(&quot;If-Modified-Since&quot;,&quot;0&quot;); <br />xmlHttp.send(null); <br />} <br />window.onload=startRequest;<br />&lt;/script&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />&lt;div id=&quot;show&quot;&gt;&lt;/div&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;<br /><br /><blockquote class="blockquote">From: http://www.husc.cn/read.php?tid=50  Powered by PHPWind.com</blockquote>