首頁 > 開發者 > JavaScript
標籤：連網 post請求 ref xmlns 連結地址 alert sof name 請求
轉自：http://blog.163.com/[email protected]/blog/static/8004881020118303318687/
首先，也是最重要的是互連網上免費的天氣預報源：
http://www.webxml.com.cn/WebServices/WeatherWebService.asmx
用瀏覽器開啟這個網頁，可以看到簡要的說明，通過soap想這個地址發送GET或POST請求，能夠得到需要的地區天氣預報資訊，每2.5個小時更新一次。
第二、寫簡單的html頁面並且向裡面添加js函數訪問上面的頁面，遞交請求，簡單的html頁面如下：
<html>
<head>
<script type="text/javascript" >
function get(){
//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
}
</script>
</head>
<body onload="get()">
<input type=text id="data" name="sd">
</body>
</html>
在簡單的頁面中寫js函數，當這個頁面被瀏覽器開啟的時候這個get函數裡面的內容就可以執行。這裡我們get函數實現的功能是創造soap頭，發送請求，返回請求，處理返回的xml
第三、添加訪問的連結地址：
var URL="http://www.webxml.com.cn/WebServices/WeatherWebService.asmx";
第四、添加一個變數，作用為城市:
var city = "北京";
第五、再創造發送的資料包：
var data = ‘<?xml version="1.0" encoding="UTF-8"?>‘;
data = data + ‘<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">‘;
data = data + ‘<soap:Body>‘;
data = data + ‘<getWeatherbyCityName xmlns="http://WebXml.com.cn/">‘;
data = data + ‘<theCityName>‘+city+‘</theCityName>‘;
data = data + ‘</getWeatherbyCityName>‘;
data = data + ‘</soap:Body>‘;
data = data + ‘</soap:Envelope>‘;
第六、再建立一個xmlhttp對象：
if(window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
第七、添加xmlhttp的發送方式、發送頭和發送該包。
xmlhttp.open("POST",URL, false);
xmlhttp.setRequestHeader("CONTENT-TYPE","text/xml;charset=UTF-8");
xmlhttp.setRequestHeader ("SOAPAction","http://WebXml.com.cn/getWeatherbyCityName");
xmlhttp.send(data);
第八、處理xmlhttp返回的內容，這裡使用一個23位的數組接受這個字串，
var xmlDoc = xmlhttp.responseXML;
var weather = new Array(23);
for(i=0;i<23;i++)
weather[i] = xmlDoc.documentElement.childNodes(0).childNodes(0) .childNodes(0).childNodes(i).text;
最後、完成的這個字串，想怎麼處理就怎麼處理，可以alert，可以document.write，隨你。這裡我alert一下。
alert(weather);
大功告成了！當然這個代碼好想有很多不相容的問題，例如目前不相容firefox，
html+javascript+soap擷取webservice免費天氣預報資訊
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
