Javascript 讀取操作Sql中的Xml字段
在一個(gè)項(xiàng)目當(dāng)中,我們需要把數(shù)據(jù)庫(kù)中的Xml字段中的信息表現(xiàn)在頁(yè)面中,如果用Sql進(jìn)行操作,讀取。這樣的話(huà),必然導(dǎo)致太復(fù)雜,于是我想到了,如果把Xml字段先讀出來(lái),然后用Js去操作,這樣豈不是簡(jiǎn)單了許多,于是網(wǎng)上查找了一些資料。實(shí)現(xiàn)了JS讀Xml字段信息的方法。
首先我們?cè)陧?yè)面中放一個(gè)TextBox 用來(lái)放Xml字段。切記:不可用Label,因?yàn)槿f(wàn)一Xml字段信息中有“”這種符號(hào)時(shí),頁(yè)面會(huì)產(chǎn)生Js錯(cuò)誤。
接下去,就是重點(diǎn)了。付JS代碼:
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") }
//以上的方法是將字符串實(shí)例化為Xml
最后就是操作這個(gè)Xml 了
window.onload=function () { var str=document.getElementById("ctl00_ContentPlaceHolder1_TextBox1").value; var obj=createXml(str); //得到根節(jié)點(diǎn) var root_node=obj.documentElement; var yh1=""; for (i=0;i< root_node.childNodes[0].childNodes.length-1;i++) { yh1+=" "+(i+1)+"、"+root_node.childNodes[0].childNodes[i].getAttribute("Remark")+":"+root_node.childNodes[0].childNodes[i].firstChild.nodeValue ; yh1+="<br/>" } document.getElementById("ctl00_ContentPlaceHolder1_lblContent").innerHTML=yh1; } }
付Xml格式:
<Info Remark="文件模板"><Common Remark="通用配置"><DisCopy Remark="復(fù)印件折扣">100</DisCopy><DisOriginal Remark="折扣">100</DisOriginal><ArrearageLimit Remark="欠費(fèi)上限">0</ArrearageLimit><YearPrice Remark="年費(fèi),元/年">0</YearPrice></Common></Info>
相關(guān)文章
JavaScript實(shí)現(xiàn)一個(gè)輸入框組件
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)一個(gè)輸入框組件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09javascript使用substring實(shí)現(xiàn)的展開(kāi)與收縮文字功能示例
這篇文章主要介紹了javascript使用substring實(shí)現(xiàn)的展開(kāi)與收縮文字功能,涉及javascript元素遍歷與屬性設(shè)置相關(guān)操作技巧,需要的朋友可以參考下2019-06-06如何用JavaScript實(shí)現(xiàn)功能齊全的單鏈表詳解
這篇文章主要給大家介紹了關(guān)于如何用JavaScript實(shí)現(xiàn)功能齊全的單鏈表的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02javascript+css3 實(shí)現(xiàn)動(dòng)態(tài)按鈕菜單特效
這篇文章主要介紹了javascript+css3 實(shí)現(xiàn)動(dòng)態(tài)按鈕菜單特效的相關(guān)資料,需要的朋友可以參考下2016-02-02JavaScript+css+HTML實(shí)現(xiàn)移動(dòng)端輪播圖(含源碼)
這篇文章主要介紹了JavaScript+css+HTML實(shí)現(xiàn)移動(dòng)端輪播圖并含源碼的分享,需要的小伙伴可以參考一下,希望對(duì)你有所幫助2022-01-01詳解XMLHttpRequest(二)響應(yīng)屬性、二進(jìn)制數(shù)據(jù)、監(jiān)測(cè)上傳下載進(jìn)度
這篇文章主要為大家詳細(xì)介紹了XMLHttpRequest響應(yīng)屬性、二進(jìn)制數(shù)據(jù)、監(jiān)測(cè)上傳下載進(jìn)度,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09javascript中"/"運(yùn)算符常見(jiàn)錯(cuò)誤
javascript里面的"/"運(yùn)算符跟C++里面的"/"運(yùn)算符不一樣,后者自動(dòng)取整,前者若非整除則會(huì)得到小數(shù)(比如說(shuō)5/2=2.5)。2010-10-10Javascript實(shí)現(xiàn)的常用算法(如冒泡、快速、鴿巢、奇偶等)
這篇文章主要介紹了Javascript實(shí)現(xiàn)的常用算法,如冒泡、快速、鴿巢、選擇、木桶、奇偶等,需要的朋友可以參考下2014-04-04理解JavaScript設(shè)計(jì)模式中的單例模式
這篇文章主要介紹了理解JavaScript設(shè)計(jì)模式中的單例模式,單例模式即Singleton?Pattern是最簡(jiǎn)單的設(shè)計(jì)模式之一,下文更多相關(guān)介紹感興趣的小伙伴可以參考一下2022-04-04如何在微信小程序中實(shí)現(xiàn)Mixins方案
這篇文章主要給大家介紹了關(guān)于如何在微信小程序中實(shí)現(xiàn)Mixins方案的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06