Javascript 讀取操作Sql中的Xml字段
在一個項目當中,我們需要把數(shù)據(jù)庫中的Xml字段中的信息表現(xiàn)在頁面中,如果用Sql進行操作,讀取。這樣的話,必然導致太復雜,于是我想到了,如果把Xml字段先讀出來,然后用Js去操作,這樣豈不是簡單了許多,于是網(wǎng)上查找了一些資料。實現(xiàn)了JS讀Xml字段信息的方法。
首先我們在頁面中放一個TextBox 用來放Xml字段。切記:不可用Label,因為萬一Xml字段信息中有“”這種符號時,頁面會產(chǎn)生Js錯誤。
接下去,就是重點了。付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") }
//以上的方法是將字符串實例化為Xml
最后就是操作這個Xml 了
window.onload=function () { var str=document.getElementById("ctl00_ContentPlaceHolder1_TextBox1").value; var obj=createXml(str); //得到根節(jié)點 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="復印件折扣">100</DisCopy><DisOriginal Remark="折扣">100</DisOriginal><ArrearageLimit Remark="欠費上限">0</ArrearageLimit><YearPrice Remark="年費,元/年">0</YearPrice></Common></Info>
相關文章
javascript使用substring實現(xiàn)的展開與收縮文字功能示例
這篇文章主要介紹了javascript使用substring實現(xiàn)的展開與收縮文字功能,涉及javascript元素遍歷與屬性設置相關操作技巧,需要的朋友可以參考下2019-06-06如何用JavaScript實現(xiàn)功能齊全的單鏈表詳解
這篇文章主要給大家介紹了關于如何用JavaScript實現(xiàn)功能齊全的單鏈表的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-02-02javascript+css3 實現(xiàn)動態(tài)按鈕菜單特效
這篇文章主要介紹了javascript+css3 實現(xiàn)動態(tài)按鈕菜單特效的相關資料,需要的朋友可以參考下2016-02-02JavaScript+css+HTML實現(xiàn)移動端輪播圖(含源碼)
這篇文章主要介紹了JavaScript+css+HTML實現(xiàn)移動端輪播圖并含源碼的分享,需要的小伙伴可以參考一下,希望對你有所幫助2022-01-01詳解XMLHttpRequest(二)響應屬性、二進制數(shù)據(jù)、監(jiān)測上傳下載進度
這篇文章主要為大家詳細介紹了XMLHttpRequest響應屬性、二進制數(shù)據(jù)、監(jiān)測上傳下載進度,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09Javascript實現(xiàn)的常用算法(如冒泡、快速、鴿巢、奇偶等)
這篇文章主要介紹了Javascript實現(xiàn)的常用算法,如冒泡、快速、鴿巢、選擇、木桶、奇偶等,需要的朋友可以參考下2014-04-04