Javascript 讀取操作Sql中的Xml字段
更新時(shí)間：2014年10月09日 17:59:53 投稿：whsnow
把Xml字段先讀出來(lái)，然后用Js去操作，這樣豈不是簡(jiǎn)單了許多，于是網(wǎng)上搜索了一些JS讀Xml字段信息的方法
在一個(gè)項(xiàng)目當(dāng)中，我們需要把數(shù)據(jù)庫(kù)中的Xml字段中的信息表現(xiàn)在頁(yè)面中，如果用Sql進(jìn)行操作，讀取。這樣的話，必然導(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)文章
window對(duì)象的alert和confirm標(biāo)準(zhǔn)方法在不同瀏覽器的顯示效果不太相同，有個(gè)相同點(diǎn)是都不是很美觀。本文對(duì)此解決方法進(jìn)行介紹：使用js和css分別仿照它們，提供另一套函數(shù)，使在不同瀏覽器的有著相同的體驗(yàn)效果。下面就跟小編一起來(lái)看下吧2016-12-12
這篇文章主要介紹了三種流行的前端導(dǎo)出PDF的組件和方法,分別是jsPDF、pdfMake和Print.js,每個(gè)庫(kù)都有其特點(diǎn)和適用場(chǎng)景,可以根據(jù)具體需求選擇合適的庫(kù),需要的朋友可以參考下2025-02-02
微信小程序 數(shù)據(jù)緩存實(shí)現(xiàn)方法詳解
這篇文章主要介紹了微信小程序 數(shù)據(jù)緩存實(shí)現(xiàn)方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
你還在為offset,scroll,inner,client,screen,mouse發(fā)愁嗎? 頭都大了。而且各個(gè)瀏覽器方法還不太一樣。所以往往很浪費(fèi)我們的時(shí)間。 于是我產(chǎn)生了寫一個(gè)方法用戶 專門獲取這樣的數(shù)據(jù)。2010-06-06
詳解webpack與SPA實(shí)踐之開(kāi)發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack與SPA實(shí)踐之開(kāi)發(fā)環(huán)境搭建,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
js給頁(yè)面加style沒(méi)有效果的情況，想必大家都有見(jiàn)到吧，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下2014-01-01
js獲取checkbox復(fù)選框選中的選項(xiàng)實(shí)例
這篇文章主要介紹了js如何獲取checkbox復(fù)選框選中的選項(xiàng),比較適合新手，需要的朋友可以參考下2014-08-08
amd、cmd、esmodule、commonjs區(qū)別詳解
本文主要介紹了amd、cmd、esmodule、commonjs區(qū)別詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
用RadioButten或CheckBox實(shí)現(xiàn)div的顯示與隱藏
用RadioButten（或CheckBox）實(shí)現(xiàn)div的顯示與隱藏，當(dāng)選擇“女”時(shí)，顯示“美女、才女”；當(dāng)選擇“男”時(shí)隱藏，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
JavaScript 最佳實(shí)踐：幫你提升代碼質(zhì)量
在本篇教程中，我將指出一些重要的 JavaScript 最佳實(shí)踐，讓你不必去用另外一種艱難的方式來(lái)了解它們。準(zhǔn)備好去升級(jí)你的代碼吧2016-12-12