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 新浪网易的评论块制作
Jul 01 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 Javascript
js中的cookie的读写操作示例详解
Apr 17 Javascript
jquery text()方法取标签中的文本
Jul 25 Javascript
jquery.idTabs 选项卡使用示例代码
Sep 03 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
详解Angular路由 ng-route和ui-router的区别
May 22 Javascript
React BootStrap用户体验框架快速上手
Mar 06 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 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过滤危险html代码
2008/08/18 PHP
php魔术方法与魔术变量、内置方法与内置变量的深入分析
2013/06/03 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
window.showModalDialog使用手册
2007/01/11 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
深入理解JS实现快速排序和去重
2016/10/17 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
js 判断数据类型的几种方法
2017/01/13 Javascript
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
vue+element 模态框表格形式的可编辑表单实现
2019/06/07 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
在Python中marshal对象序列化的相关知识
2015/07/01 Python
Python函数式编程
2017/07/20 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
Python编译成.so文件进行加密后调用的实现
2019/12/23 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
python tkinter实现连连看游戏
2020/11/16 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
好莱坞百老汇御用王牌美妆:Koh Gen Do 江原道
2018/04/03 全球购物
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
servlet面试题
2012/08/20 面试题
精通CAD能手自荐书
2014/01/31 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
2016年小学“感恩教师”主题队日活动总结
2016/04/01 职场文书
Python实现聚类K-means算法详解
2022/07/15 Python