锘??xml version="1.0" encoding="utf-8" standalone="yes"?>
]]>
銆恠elect鎿嶄綔鏂規硶銆?br />鍙栧鹼細
]]>
寰幆table鐨剅ows錛岀劧鍚庝竴涓竴涓垹闄ゃ?br />
榪欎釜鏂規硶鏄氬父鐨勬柟娉曪紝鍙錛屼絾鏄晥鐜囦笉濂姐?br />
[2]鍙︿竴涓柟娉?br />
var artTable = document.getElementById("artical_table");
console.debug(artTable.getElementsByTagName("thead")[0]);
var artBody=artTable.tBodies[0];
//clear table
artBody.innerHTML='';
]]>
}else{
聽聽 console.debug("your browser is not IE");
}
鍙互鐢‵irebug鏌ョ湅
>> Prototype.Browser.WebKit
true
鎵浠ワ紝鐢╬rototype鍒ゆ柇嫻忚鍣ㄥ彲浠ョ敤
Prototype.Browser.*****鏉ュ垽鏂?br />
]]>
function clear(divObj){
聽聽聽 divObj.innerHTML="";
聽聽聽
}
濡備笂闈㈢殑鏂規硶錛岀洿鎺ユ妸div鐨刬nnerHTML緗垚""灝卞彲浠ヤ簡銆傛湁綆鍗曪紝鏈夐珮鏁堛?br />
]]>
浠庢湇鍔″櫒鍙栧緱鐨刋ML緇撴灉錛?br />聽 <?xml version="1.0" encoding="UTF-8" ?>
聽<citys>
聽<city>shanghai</city>
聽<city>tianjin</city>
聽<city>chengdu</city>
聽<city>chongqing</city>
聽<city>hainan</city>
</citys>
瑙f瀽鏂規硶錛堜竴錛?br />聽聽聽聽聽聽聽 var doc = response.responseXML;
聽聽聽聽聽聽聽 //alert(doc);
聽聽
聽聽聽聽聽聽聽 var root = doc.documentElement;
聽聽聽聽聽聽聽 alert(root.text);
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 var cities = root.childNodes;
聽聽聽聽聽聽聽 alert(cities.length);
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 for(var i=0;i<cities.length;i++){
聽聽聽聽聽聽聽聽聽 var city = cities[i];
聽聽聽聽聽聽聽聽聽 alert(city.text);
聽聽聽聽聽聽聽 }
瑙f瀽鏂規硶錛堜簩錛夛細
聽聽聽聽聽聽聽 var cities = doc.selectNodes("/citys/city");
聽聽聽聽聽聽聽 alert(cities.length);
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 for(var i=0;i<cities.length;i++){
聽聽聽聽聽聽聽聽聽 var city = cities[i];
聽聽聽聽聽聽聽聽聽 alert(city.text);
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽
瑙f瀽鏂規硶錛堜笁錛夛細
聽 var doc = response.responseXML;
聽聽聽聽聽聽聽 var cs = doc.getElementsByTagName("city");聽聽聽聽聽
聽聽聽聽聽聽聽 alert(cs.length);
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 for(var i=0;i<cs.length;i++){
聽聽聽聽聽聽聽聽聽 vara = cs[i];
聽聽聽聽聽聽聽聽聽 //alert(a);
聽聽聽聽聽聽聽聽聽 //alert(a.nodeName);
聽聽聽聽聽聽聽聽聽 //alert(a.nodeValue);
聽聽聽聽聽聽聽聽聽 var b = a.childNodes;
聽聽聽聽聽聽聽聽聽 //alert(b);
聽聽聽聽聽聽聽聽聽 var c=b[0];
聽聽聽聽聽聽聽聽聽 alert(c.nodeValue);
聽聽聽聽聽聽聽 }
鍙湁絎笁縐嶆柟娉曪紝鍙互鍦↖E鍜孎irefox涓嬮潰閫氱敤銆?br />濡傛灉鏈変笉濡ヤ箣澶勶紝璇瘋礬榪囩殑鎮ㄥ澶氭寚鏁欍?br />
鏈緥瀛愭簮鐮佷笅杞?/a>
]]>
緇忚繃澶氭瀹炶返錛屾墠鍙戠幇浜嗕笅闈㈢殑鏂規硶鏄彲浠ュ疄鐜扮殑銆傚師鏉ュ緢綆鍗曪紙瑙佺瑧浜嗏︹︹︹︼級
鏈嶅姟鍣ㄨ繑鍥瀀ML緇撴灉濡備笅錛?br />聽 <?xml version="1.0" encoding="UTF-8" ?>
- <citys>
聽<city>shanghai</city>
聽<city>tianjin</city>
聽<city>chengdu</city>
聽<city>chongqing</city>
聽<city>hainan</city>
聽 </citys>
==========================================================================
瑙f瀽濡備笅錛?br />
// 鍙栧緱鐨勬槸xmlDom瀵硅薄
var doc = response.responseXML;
聽聽聽聽聽聽聽聽 // 鏍規嵁鏍囩鏉ュ彇寰桳ist瀵硅薄
聽聽聽聽聽聽聽 var cs = doc.getElementsByTagName("city");聽聽聽聽聽
聽聽聽聽聽聽聽 alert(cs.length);
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 for(var i=0;i<cs.length;i++){
聽聽聽聽聽聽聽聽聽 var a = cs[i];
聽聽聽聽聽聽聽聽聽 //alert(a);
聽聽聽聽聽聽聽聽聽 //alert(a.nodeName);
聽聽聽聽聽聽聽聽聽 //alert(a.nodeValue);
聽聽聽聽聽聽聽聽聽 var b = a.childNodes;
聽聽聽 聽聽 聽聽 (鎴戠殑鐤戦棶錛氫負浠涔堥渶瑕佸彇寰梑錛宑s[i]涓嶅氨鏄竴涓猚ity鐨勫璞′簡錛屼負浠涔堣繕闇瑕佸彇寰楁暟緇勶紝鐒跺悗鍐嶅彇鍏跺厓绱?鐤戞儜涓?
聽聽聽聽聽聽聽聽聽 //alert(b);
聽聽聽聽聽聽聽聽聽 var c=b[0];
聽聽聽聽聽聽聽聽聽 alert(c.nodeValue);
聽聽聽聽聽聽聽 }
cs鍙栧緱鐨勭粨鏋滃簲璇ユ槸錛?br />聽<city>shanghai</city>
聽<city>tianjin</city>
聽<city>chengdu</city>
聽<city>chongqing</city>
聽<city>hainan</city>
city Element瀵硅薄鐨勪竴涓泦鍚堛?br />鎵浠ワ紝瀵逛簬a鏉ヨ錛岄偅涔堝氨搴旇鏄?br />聽<city>shanghai</city>
姣忎竴涓猚ity Element鍏冪礌鐨勫璞′簡錛屼絾鏄紝閿欎簡銆傛澶勫緱鍒扮殑鏄竴涓?br />Element鏍囩鍏冪礌鐨勪竴涓暟緇勩?br />涔熷氨鏄鐢╟hildNodes鏂規硶鍙栧緱鐨勫璞℃案榪滄槸鏁扮粍瀵硅薄銆傞偅涔堬紝浣犳兂閬嶅巻鍏朵腑鍏冪礌鐨勮瘽錛屽氨闇瑕佺敤c瀵硅薄鏉ュ彇銆?br />
鏈緥瀛愭簮浠g爜涓嬭澆
]]>
var
xmlDoc = response.responseXML;
姝ゆ椂錛屼綘寰楀埌浜?/span>
xml
鐨勬枃妗e璞°?/span>
閭d箞浣犲浣曡В鏋愭枃妗e憿錛?/span>
涔熷氨鏄紝濡備綍鍙栧緱涓涓粨鐐瑰璞″憿錛?/span>
var
allPoi = xmlDoc.selectNodes(
"/schemes/scheme/line/stops/stop/points/point"
);
閫氳繃
selectNodes
鏂規硶錛屾垜浠彲浠ュ緱鍒版墍鏈夌殑絎﹀悎榪欎釜璺緞鐨勬墍鏈夊瓙鑺傜偣銆?/span>
濡傛灉allPoi寰楀埌鐨勬槸鍙跺瓙鑺傜偣鐨勮瘽錛岄偅涔堟垜浠氨鍙互閫氳繃allPoi[0].text鏉ュ彇寰楄妭鐐圭殑鍊?
涓嬮潰錛屾垜浠氨鍙互閬嶅巻鍏跺璞′簡錛?/span>
聽聽聽
for
(
var
i=0;i<pois.
length
;i++){
聽聽聽聽聽聽
alert
(pois[i].selectSingleNode(
"iLongitude"
).text);聽聽聽聽聽聽
聽聽聽 }
selectSingleNode
鍙互鍙栧緱鍏朵腑涓涓瓙鑺傜偣錛岄氳繃
text
灞炴ф潵鍙栧緱鍏跺搴旂殑瀛楃涓插箋?/span>
鍙栧緱鏂囨。鍚庯紝鎴戜滑瑙f瀽
xml
鐨勬椂鍊欎篃鍙互閫氳繃鍏朵粬鐨勬柟娉曪紝姣斿錛?/span>
var stopsGroup = xmlDoc.getElementsByTagName("stops")
榪欑鍔炴硶涔熶竴鏍峰彲浠ュ彇鍒頒綘鎯寵鍙栧緱鎵鏈夋煇鑺傜偣瀵硅薄銆?/span>
涔嬪悗錛屼綘灝卞彲浠ラ氳繃鍜屼笂闈㈢浉鍚岀殑鏂規硶鏉ラ亶鍘嗐備互榪涗竴姝ュ彇寰楀叾瀛愯妭鐐圭殑鍊箋?/span>
闇姹傦細
鍦?span lang="EN-US">JavaScript涓姩鎬佺殑浠庝竴涓?span lang="EN-US">URL
鍙栧緱xml鏂囦歡錛岀劧鍚庯紝鍔ㄦ佺殑鏇存柊鏁版嵁銆?span lang="EN-US">
闂鐨勯毦鐐癸細
Javascript
涓嶈兘瀹炵幇浠庝竴涓?span lang="EN-US">URL璇誨彇xml鏁版嵁銆?span lang="EN-US">
浣跨敤鍔ㄦ佺殑鍙傛暟鐨勬椂鍊欙紝濡傚悗浣跨敤GET鏂規硶錛岄偅涔堬紝鍙傛暟鏈夊彲鑳藉お闀褲?span lang="EN-US">
瑙e喅鐨勫姙娉曪細
榪欎釜鍔炴硶浣跨敤AJAX鍙互瀹炵幇銆?span lang="EN-US">
鍥犱負AJAX鍙互浠?span lang="EN-US">URL鏉ュ姩鎬佺殑璇誨彇xml鏁版嵁銆?span lang="EN-US">
鍚屾椂涔熷彲浠ュ緢鏂逛究鐨勫垎鏋愬拰澶勭悊XML鏁版嵁銆?span lang="EN-US">
闂鐨勫叧閿偣錛?span lang="EN-US">
AJAX
涓嶈兘浠庝竴涓笉鍚?span lang="EN-US">Context鐨勬湇鍔″櫒涓婃潵璇誨叆XML,鎵浠ヨ鎯寵鍙?span lang="EN-US">xml鏁版嵁鐨勮瘽錛岄偅灝變竴瀹氳鍦ㄥ悓涓涓?span lang="EN-US">Context涓紝濡傛灉涓嶅湪錛岄偅涔堝氨浣跨敤涓涓?span lang="EN-US">Servlet鏉ュ疄鐜頒粠涓涓繙紼嬬殑URL涓婅鍙栨暟鎹紝鐒跺悗鍙互閫氳繃璋冪敤姝?span lang="EN-US">Servlet鏉ュ彇寰楄繙紼嬬殑鏁版嵁銆?span lang="EN-US">
鎴戠殑瀹炵幇錛?span lang="EN-US">
聽
聽
鍐欎竴涓?span lang="EN-US">Servlet鏉ュ疄鐜頒粠榪滅▼url涓婅鍙?span lang="EN-US">xml鏁版嵁錛岃繖涓?span lang="EN-US">url鍙傛暟鏄敤鎴鋒牴鎹嚜宸辯殑闇瑕佷紶閫掔殑銆?span lang="EN-US">
聽聽聽 public void
doGet(HttpServletRequest request, HttpServletResponse response)
聽聽聽聽聽聽聽聽聽聽聽 throws
ServletException, IOException {
聽聽聽聽聽聽聽 System.out.println("
--------------聽 Get ----------------聽 ");
聽聽聽聽聽聽聽 response.setContentType("text/xml");
聽聽聽聽聽聽聽 response.setCharacterEncoding("UTF-8");
聽聽聽聽聽聽聽 //聽聽聽聽聽 PrintWriter out = response.getWriter();
聽聽聽聽聽聽聽 //doPost(request,response);
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 String
url = request.getParameter("url");
聽聽聽聽聽聽聽 //out.println(url);
聽聽聽聽聽聽聽 //String
url = "";
聽聽聽聽聽聽聽 System.out.println("url
is :聽 " + url);
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 //response.setContentType("text/xml");
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 PrintWriter
out = response.getWriter();
聽聽聽聽聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 BufferedReader
reader = new BufferedReader(new InputStreamReader(new URL(url).openStream()));
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 StringBuffer
xmlData = new StringBuffer();
聽聽聽聽聽聽聽 String
tmp = "";
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 while((tmp
= reader.readLine())!=null){
聽聽聽聽聽聽聽聽聽聽聽 log.info(tmp);
聽聽聽聽聽聽聽聽聽聽聽 out.print(tmp);
聽聽聽聽聽聽聽聽聽聽聽 //System.out.println("
tmp :聽 " + tmp);
聽聽聽聽聽聽聽聽聽聽聽 xmlData.append(tmp);
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 try {
聽聽聽聽聽聽聽聽聽聽聽 out.println(XMLUtil.format(xmlData.toString()));
聽聽聽聽聽聽聽 } catch
(DocumentException e) {
聽聽聽聽聽聽聽聽聽聽聽 //
TODO Auto-generated catch block
聽聽聽聽聽聽聽聽聽聽聽 e.printStackTrace();
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽 reader.close();
聽聽聽聽聽聽聽
聽聽聽 }
聽
聽聽
鍦?span lang="EN-US">AJAX鏉ヨ皟鐢?span lang="EN-US">servlet鍙栧緱姝ゆ暟鎹?span lang="EN-US">
聽聽聽聽聽聽
<
script
type
=
"text/javascript"
>
聽聽聽聽聽聽聽聽聽聽
var
xmlHttp=
new
ActiveXObject(
"Msxml2.XMLHTTP"
);
聽聽聽聽聽聽聽聽聽聽
//alert(xmlHttp);聽聽聽
聽聽聽聽聽聽聽聽聽聽
榪欎釜
url
鏄綘鐨?/span>
servlet
鐨?/span>
uri,
鍙兘鏄湪鍚屼竴涓?/span>
context
鍐呯殑錛屽惁鍒欎笉鑳借皟鐢ㄣ傛墍浠ワ紝濡傛灉闇瑕佽法鏈嶅姟鍣ㄧ殑璇濓紝鎴栬呴渶瑕佽法
context
鐨勮瘽錛屽氨闇瑕佷嬌鐢ㄥ湪鏈?/span>
context
涓婁嬌鐢ㄤ竴涓?/span>
servlet
鍋氳煩杞?/span>
聽聽聽聽聽聽聽聽聽聽
var
sevUrl =
"../servlet/PullXmlData?url="
;
聽聽聽聽聽聽聽聽聽聽
聽
聽聽聽聽聽聽聽聽聽聽
涓嬮潰鐨勯偅涓?/span>
url
鍙傛暟鍏跺疄鏄垜浠殑榪滅▼鐨?/span>
xml
鐨勬暟鎹殑
url,
鍥犱負鍦ㄥ弬鏁伴噷闈㈡湁絳夊彿錛屾墍浠ュ湪璋冪敤涔嬪墠灝辮閫氳繃涓涓鐞嗗拰杞崲錛岃繖涓姝ヤ篃鏄繀欏葷殑銆?/span>
聽聽聽聽聽聽聽聽聽聽
var
url = sevUrl + encodeURIComponent(
"http://192.168.1.50:8080/remoteServer /XmlInvoke?aaa=aaa&bbb=bbb
"
);聽聽聽聽
聽聽聽
聽聽聽聽聽聽聽聽聽聽 alert(
"url :聽 "
+ url);聽聽聽聽聽
聽聽聽
聽聽聽聽聽聽聽聽聽聽 xmlHttp.open(
"post"
, url ,
false
);
聽聽聽聽聽聽聽聽聽聽 xmlHttp.onreadystatechange=
function
()
{聽聽聽聽聽聽聽聽聽聽聽聽聽
聽聽聽聽聽聽聽聽聽聽聽聽聽 if
(xmlHttp.readyState==4)
{
聽聽聽聽聽聽聽聽聽聽聽聽聽
聽
聽
alert(xmlHttp.responseText);
聽聽聽聽聽聽聽聽聽聽聽聽聽
聽聽
document.write(xmlHttp.responseText);
聽聽聽聽聽聽聽聽聽聽聽聽聽
}
聽聽聽聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽聽聽聽
xmlHttp.send();聽聽聽聽聽 聽聽聽聽聽聽
聽聽聽聽聽聽
</
script
>
聽聽聽聽聽聽
聽聽聽聽聽聽
鎴戜篃鍒氭帴瑙?/span>
Ajax,
鎵浠ヤ篃鍙兘鎯沖埌榪欎釜瑙e喅鏂規錛屽鏋滃ぇ瀹舵湁濂界殑瑙e喅鍔炴硶錛岃繕璇峰澶氭寚鏁欍?/span>