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