首頁 > web前端 > js教程 > Javascript 讀取操作Sql中的Xml欄位_javascript技巧

Javascript 讀取操作Sql中的Xml欄位_javascript技巧

WBOY
發布: 2016-05-16 16:34:26
原創
1367 人瀏覽過

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

首先我們在頁面中放一個TextBox 用來放Xml欄位。切記:不可用Label,因為萬一Xml欄位資訊中有「」這種符號時,頁面會產生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); 

//得到根节点 
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>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板