Javascript 读取操作Sql中的Xml字段


Posted in Javascript onOctober 09, 2014

在一个项目当中,我们需要把数据库中的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>
Javascript 相关文章推荐
javascript同步Import,同步调用外部js的方法
Jul 08 Javascript
JavaScript 对象模型 执行模型
Oct 15 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
Feb 05 Javascript
推荐4个原生javascript常用的函数
Jan 12 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
web前端开发upload上传头像js示例代码
Oct 22 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 Javascript
JS倒计时实例_天时分秒
Aug 22 Javascript
基于vue配置axios的方法步骤
Nov 09 Javascript
JS实现的文字间歇循环滚动效果完整示例
Feb 13 Javascript
JavaScript设计模式之职责链模式应用示例
Aug 07 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
Oct 09 #Javascript
使用js Math.random()函数生成n到m间的随机数字
Oct 09 #Javascript
分享一款基于jQuery的视频播放插件
Oct 09 #Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 #Javascript
使用jQuery将多条数据插入模态框的实现代码
Oct 08 #Javascript
get(0).tagName获得作用标签示例代码
Oct 08 #Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 #Javascript
You might like
PHP实现采集程序原理和简单示例代码
2007/03/18 PHP
PHP经典面试题集锦
2015/03/19 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
jQuery中position()方法用法实例
2015/01/16 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
JavaScript实现多个重叠层点击切换效果的方法
2015/04/24 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
浅析如何利用JavaScript进行语音识别
2016/10/27 Javascript
详解js中Json的语法与格式
2016/11/22 Javascript
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
2019/01/08 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
2019/04/14 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛 DT VS HGT
2014/05/22 DOTA
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
遍历python字典几种方法总结(推荐)
2016/09/11 Python
Python实现抢购IPhone手机
2018/02/07 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
10 行Python 代码实现 AI 目标检测技术【推荐】
2019/06/14 Python
Python将文字转成语音并读出来的实例详解
2019/07/15 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
python 如何停止一个死循环的线程
2020/11/24 Python
HTML5验证以及日期显示的实现详解
2013/07/05 HTML / CSS
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
苹果音乐订阅:Apple Music
2018/08/02 全球购物
我的梦想演讲稿1000字
2014/08/21 职场文书
家庭贫困证明范本(经典版)
2014/09/22 职场文书
党支部综合考察意见
2015/06/01 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书
Python图像处理之图像拼接
2021/04/28 Python
php去除deprecated的实例方法
2021/11/17 PHP