上篇文章詳細解釋了jQuery 與字符串互相轉(zhuǎn)換的方法 ,這里著重論述javascript操作xml。
總代碼如下:
var XMLHttp = null;if (window.XMLHttpRequest) { //現(xiàn)代瀏覽器 XMLHttp = new XMLHttpRequest();} else if (window.ActiveXObject) { XMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE5/IE6}if (XMLHttp !== null) { XMLHttp.onreadystatechange = function() { if (XMLHttp.readyState === 4) { if (XMLHttp.status === 200 || XMLHttp.status === 304) { // var XMLDom = XMLHttp.responseXML; //解析XML文檔 var XMLDoc = XMLHttp.responseText; //解析XML字符串 var XMLDom = (new DOMParser()).parseFromString(XMLDoc, "text/xml"); //異步代碼寫這里 console.log(XMLDom); console.log("world"); //后出現(xiàn)world } } }; XMLHttp.open("get", "test1.xml", true); XMLHttp.send(); //非異步代碼寫這里 console.log("hello"); //先出現(xiàn)hello} 第一步,創(chuàng)建XMLHTTPREQUEST:
var XMLHttp = null;if (window.XMLHttpRequest) { //現(xiàn)代瀏覽器 XMLHttp = new XMLHttpRequest();} else if (window.ActiveXObject) { XMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE5/IE6} 第二步,檢測ONREADYSTATECHANGE(非異步不需要):
if (XMLHttp !== null) { XMLHttp.onreadystatechange = function() { if (XMLHttp.readyState === 4) { if (XMLHttp.status === 200 || XMLHttp.status === 304) { //異步代碼寫這里 } } }; XMLHttp.open("get", "test1.xml", true); XMLHttp.send(); //非異步代碼寫這里} 第三步,解析XML文檔或字符串(異步):
XMLHttp.onreadystatechange = function() { if (XMLHttp.readyState === 4) { if (XMLHttp.status === 200 || XMLHttp.status === 304) { // var XMLDom = XMLHttp.responseXML; //解析XML文檔 var XMLDoc = XMLHttp.responseText; //解析XML字符串 var XMLDom = (new DOMParser()).parseFromString(XMLDoc, "text/xml"); //異步代碼寫這里 console.log(XMLDom); } } }; 第四步,解析XML文檔或字符串(非異步):
if (XMLHttp !== null) { // XMLHttp.onreadystatechange = function() { // if (XMLHttp.readyState === 4) { // if (XMLHttp.status === 200 || XMLHttp.status === 304) {} // } // }; XMLHttp.open("get", "test1.xml", false); XMLHttp.send(); //非異步代碼寫這里 // var XMLDom = XMLHttp.responseXML; //解析XML文檔 var XMLDoc = XMLHttp.responseText; //解析XML字符串 var XMLDom = (new DOMParser()).parseFromString(XMLDoc, "text/xml"); //異步代碼寫這里 console.log(XMLDom);} 


















