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 相关文章推荐
获取焦点时,利用js定时器设定时间执行动作
Apr 02 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
JavaScript中使用Math.PI圆周率属性的方法
Jun 14 Javascript
laypage分页控件使用实例详解
May 19 Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
Iview Table组件中各种组件扩展的使用
Oct 20 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 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实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
推荐一款PHP+jQuery制作的列表分页的功能模块
2014/10/14 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
jQuery each()方法的使用方法
2010/03/18 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
Javascript实现检测客户端类型代码封包
2015/12/03 Javascript
javascript实现拖放效果
2015/12/16 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
利用js编写网页进度条效果
2017/10/08 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
Vue项目中ESlint规范示例代码
2019/07/04 Javascript
JavaScript实现点击自制菜单效果
2021/02/02 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
Python 错误和异常小结
2013/10/09 Python
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
对IPython交互模式下的退出方法详解
2019/02/16 Python
python正则表达式实例代码
2020/03/03 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
详解python with 上下文管理器
2020/09/02 Python
HTML5画渐变背景图片并自动下载实现步骤
2013/11/18 HTML / CSS
杰夫·班克斯男士服装网上商店:Jeff Banks
2019/10/24 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
越南母婴用品购物网站:Kids Plaza
2020/04/09 全球购物
经济管理专业毕业生自荐信范文
2014/01/02 职场文书
挑战杯创业计划书的写作指南
2014/01/07 职场文书
婚假请假条怎么写
2014/04/10 职场文书
医德医风自我评价2015
2015/03/03 职场文书
大学学生会主席竞选稿
2015/11/19 职场文书
全网非常详细的pytest配置文件
2022/07/15 Python