Javascript 操作 Sql中的Xml 欄位

標籤：des   style   blog   http   color   io   os   ar   java   

在一個項目當中，我們需要把資料庫中的Xml欄位中的資訊表現在頁面中，如果用Sql進行操作，讀取。這樣的話，必然導致太複雜，於是我想到了，如果把Xml欄位先讀出來，然後用Js去操作，這樣豈不是簡單了許多，於是網上尋找了一些資料。實現了JS讀Xml欄位資訊的方法。

 

首先我們在頁面中放一個TextBox 用來放Xml欄位。切記：不可用Label，因為萬一Xml欄位資訊中有“”這種符號時，頁面會產生Js錯誤。

 

接下去，就是重點了。付JS代碼：

[javascript] view plaincopyprint?

1. function createXml(str){  
2. 　　if(document.all){  
3. 　　　　var xmlDom=new ActiveXObject("Microsoft.XMLDOM")  
4. 　　　　xmlDom.loadXML(str)  
5. 　　　　return xmlDom  
6. 　　}  
7. 　　else  
8. 　　　　return new DOMParser().parseFromString(str, "text/xml")  
9. }  
10.   
11. //以上的方法是將字串執行個體化為Xml  

 

 

最後就是操作這個Xml 了。。。

[javascript] view plaincopyprint?

1. window.onload=function () {  
2.    var str=document.getElementById("ctl00_ContentPlaceHolder1_TextBox1").value;  
3.      var obj=createXml(str);  
4.   
5.         //得到根節點  
6.         var root_node=obj.documentElement;  
7.         
8.    var yh1="";  
9.         for (i=0;i< root_node.childNodes[0].childNodes.length-1;i++)  
10.         {  
11.             yh1+="   "+(i+1)+"、"+root_node.childNodes[0].childNodes[i].getAttribute("Remark")+":"+root_node.childNodes[0].childNodes[i].firstChild.nodeValue  ;  
12.               
13.               
14.             yh1+="<br/>"  
15.                         
16.         }  
17.  document.getElementById("ctl00_ContentPlaceHolder1_lblContent").innerHTML=yh1;  
18.         }  
19.          
20. }  

 

付Xml格式：

[xhtml] view plaincopyprint?

1. <Info Remark="檔案模板"><Common Remark="通用配置"><DisCopy Remark="複印件折扣">100</DisCopy><DisOriginal Remark="折扣">100</DisOriginal><ArrearageLimit Remark="欠費上限">0</ArrearageLimit><YearPrice Remark="年費，元/年">0</YearPrice></Common></Info>  

Javascript 操作 Sql中的Xml 欄位