js字符串轉(zhuǎn)換成xml對象并使用技巧解讀
更新時間：2013年04月18日 15:32:24 作者：
在js中有方法可以將字符串轉(zhuǎn)化為xml對象，感興趣的朋友可以參考下面的代碼片段，希望對你有所幫助
在java端將字符串轉(zhuǎn)化為xml對象可以使用DocumentHelper.parseText(xmlReturn).getRootElement();
在js中同樣有方法可以將字符串轉(zhuǎn)化為xml對象，可以使用如下函數(shù)
以下是引用片段：
function createXml(str){
if(document.all){
var xmlDom=new ActiveXObject("Microsoft.XMLDOM")
xmlDom.loadXML(str)
return xmlDom
}
else
return new DOMParser().parseFromString(str, "text/xml")
}
如果在js端是讀取文件，那就更方便了
以下是引用片段：
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0");
xmlDoc.async = false;
xmlDoc.load("文件路徑");
至于操作xml也是很簡單，如果會使用jdom或是dom4j的話，操作也是相當(dāng)方便。
以下是引用片段：
var domxml= createXml(Http.responseText);
var code=domxml.getElementsByTagName("code");
if(code.item(0).text=="100"){
var parameter=domxml.getElementsByTagName("parameter");
identifier=parameter.item(0).attributes.getNamedItem("value").value;
}
對于節(jié)點的值和屬性的值獲取的方法不同。
下面的方法
//字符串轉(zhuǎn)化為xml
function toXmlDom(source){
var xmlDoc = null;
if (window.ActiveXObject) {
var ARR_ACTIVEX =
["MSXML4.DOMDocument","MSXML3.DOMDocument","MSXML2.DOMDocument","MSXML.DOMDocument","Microsoft.XmlDom"];
var XmlDomflag = false;
for (var i = 0;i < ARR_ACTIVEX.length && !XmlDomflag ;i++) {
try {
var objXML = new ActiveXObject(ARR_ACTIVEX[i]);
xmlDoc = objXML;
XmlDomflag = true;
} catch (e) {
}
}
if (xmlDoc) {
xmlDoc.async = false;
xmlDoc.loadXML(source);
}
}else{
var parser=new DOMParser();
var xmlDoc=parser.parseFromString(source,"text/xml");
}
return xmlDoc;
}
//使用
function areaChart(data){
var s = toXmlDom(xml);//xml為字符串
$(s).find("area").each( //得到每一個area標(biāo)簽
function(id,item){
var areaCode=$(item).find("area_code").eq(0).text();//獲取area標(biāo)簽的內(nèi)容
var num = $(item).find("area_all_num").eq(0).text();
var name=$(item).find("area_name").eq(0).text();
var title=name+","+num;
$("#"+areaCode+"").attr("title",title);
}
);
在js中同樣有方法可以將字符串轉(zhuǎn)化為xml對象，可以使用如下函數(shù)
以下是引用片段：
復(fù)制代碼 代碼如下:
function createXml(str){
if(document.all){
var xmlDom=new ActiveXObject("Microsoft.XMLDOM")
xmlDom.loadXML(str)
return xmlDom
}
else
return new DOMParser().parseFromString(str, "text/xml")
}
如果在js端是讀取文件，那就更方便了
以下是引用片段：
復(fù)制代碼 代碼如下:
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0");
xmlDoc.async = false;
xmlDoc.load("文件路徑");
至于操作xml也是很簡單，如果會使用jdom或是dom4j的話，操作也是相當(dāng)方便。
以下是引用片段：
復(fù)制代碼 代碼如下:
var domxml= createXml(Http.responseText);
var code=domxml.getElementsByTagName("code");
if(code.item(0).text=="100"){
var parameter=domxml.getElementsByTagName("parameter");
identifier=parameter.item(0).attributes.getNamedItem("value").value;
}
對于節(jié)點的值和屬性的值獲取的方法不同。
下面的方法
復(fù)制代碼 代碼如下:
//字符串轉(zhuǎn)化為xml
function toXmlDom(source){
var xmlDoc = null;
if (window.ActiveXObject) {
var ARR_ACTIVEX =
["MSXML4.DOMDocument","MSXML3.DOMDocument","MSXML2.DOMDocument","MSXML.DOMDocument","Microsoft.XmlDom"];
var XmlDomflag = false;
for (var i = 0;i < ARR_ACTIVEX.length && !XmlDomflag ;i++) {
try {
var objXML = new ActiveXObject(ARR_ACTIVEX[i]);
xmlDoc = objXML;
XmlDomflag = true;
} catch (e) {
}
}
if (xmlDoc) {
xmlDoc.async = false;
xmlDoc.loadXML(source);
}
}else{
var parser=new DOMParser();
var xmlDoc=parser.parseFromString(source,"text/xml");
}
return xmlDoc;
}
復(fù)制代碼 代碼如下:
//使用
function areaChart(data){
var s = toXmlDom(xml);//xml為字符串
$(s).find("area").each( //得到每一個area標(biāo)簽
function(id,item){
var areaCode=$(item).find("area_code").eq(0).text();//獲取area標(biāo)簽的內(nèi)容
var num = $(item).find("area_all_num").eq(0).text();
var name=$(item).find("area_name").eq(0).text();
var title=name+","+num;
$("#"+areaCode+"").attr("title",title);
}
);
相關(guān)文章
詳解JS鼠標(biāo)事件中clientX/screenX/offsetX/pageX屬性的區(qū)別
在熟悉業(yè)務(wù)中播放器功能的時候,發(fā)現(xiàn)時間軸上綁定了點擊和拖動事件,頻繁遇到了類似pageX之類的事件屬性,所以本文就來和大家詳細(xì)聊聊clientX/screenX/offsetX/pageX等屬性的區(qū)別吧2024-03-03
js動態(tài)控制table的tr、td增加及刪除的具體實現(xiàn)
這篇文章主要介紹了使用js如何動態(tài)控制table的tr，td增加及刪除,需要的朋友可以參考下2014-04-04
uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄
最近學(xué)到了一個比較好用的框架uni-app,可以做六端適配,學(xué)習(xí)一下,下面這篇文章主要給大家介紹了關(guān)于uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄的相關(guān)資料,需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了js仿搜狐視頻記錄片列表展示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
在初步接觸Echarts時,經(jīng)常遇到設(shè)置x軸刻度間隔的問題,這篇文章主要給大家介紹了關(guān)于ECharts設(shè)置x軸刻度間隔的2種解決方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
數(shù)組是一段線性分配的內(nèi)存，它通過整數(shù)去計算偏移并訪問其中的元素。數(shù)組是很快的數(shù)據(jù)結(jié)構(gòu)，但不幸的是，Javascript并沒有像這種數(shù)組一樣的數(shù)據(jù)結(jié)構(gòu)。2009-12-12
拖動滑塊驗證功能在支付寶，微信各大平臺都能見到這樣的功能，那么基于js組件是如何實現(xiàn)此功能的呢？今天小編就給大家分享下js 拖動滑塊 驗證功能的實現(xiàn)代碼,需要的朋友參考下吧2016-11-11
基于javascript實現(xiàn)精確到毫秒的倒計時限時搶購
現(xiàn)如今做電商網(wǎng)站必不可少的一個效果就是限時搶購，這也是各大電商網(wǎng)站的一種促銷手段。如何實現(xiàn)倒計時限時搶購，本文為大家分享了javascript實現(xiàn)倒計時限時搶購的的相關(guān)代碼，感興趣的小伙伴們可以參考一下2016-04-04
JavaScript簡單實現(xiàn)鼠標(biāo)移動切換圖片的方法
這篇文章主要介紹了JavaScript簡單實現(xiàn)鼠標(biāo)移動切換圖片的方法,涉及JavaScript針對鼠標(biāo)事件的響應(yīng)及頁面元素的動態(tài)變換技巧,需要的朋友可以參考下2016-02-02
淺拷貝是面試中經(jīng)常會被問到的問題,這篇文章主要給大家介紹了關(guān)于如何寫出一個驚艷面試官的JavaScript深拷貝的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05