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 相关文章推荐
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 Javascript
Document.location.href和.replace的区别示例介绍
Mar 04 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
jQuery侧边栏实现代码
May 06 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
微信小程序实现评论功能
Nov 28 Javascript
vue与原生app的对接交互的方法(混合开发)
Nov 28 Javascript
elementUI table表格动态合并的示例代码
May 15 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
Nov 25 Javascript
如何在vue中使用HTML 5 拖放API
Jan 14 Vue.js
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在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
解析php中const与define的应用区别
2013/06/18 PHP
PHPThumb图片处理实例
2014/05/03 PHP
PHP利用MySQL保存session的实现思路及示例代码
2014/09/09 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
js有序数组的连接问题
2013/10/01 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
javacript获取当前屏幕大小
2016/06/04 Javascript
防止Node.js中错误导致进程阻塞的办法
2016/08/11 Javascript
Javascript中字符串replace方法的第二个参数探究
2016/12/05 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
vscode 调试 node.js的方法步骤
2020/09/15 Javascript
VUE Elemen-ui之穿梭框使用方法详解
2021/01/19 Javascript
Python入门篇之列表和元组
2014/10/17 Python
Python下Fabric的简单部署方法
2015/07/14 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
python opencv读mp4视频的实例
2018/12/07 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
python获取Linux发行版名称
2019/08/30 Python
Python调用JavaScript代码的方法
2020/10/27 Python
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
苏格兰领先的多渠道鞋店:Begg Shoes
2019/10/22 全球购物
JSF如何进行表格处理及取值
2012/08/06 面试题
数控机床专业自荐信
2014/05/19 职场文书
售房协议书范本2014
2014/10/23 职场文书
旷课检讨书
2015/01/26 职场文书
公司辞职信模板
2015/05/13 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL