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