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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
使用JavaScript构建JSON格式字符串实现步骤
Mar 22 Javascript
jQuery动态地获取系统时间实现代码
May 24 Javascript
使用Raygun来自动追踪AngularJS中的异常
Jun 23 Javascript
js实现获取div坐标的方法
Nov 16 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
Bootstrap3 Grid system原理及应用详解
Sep 30 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
jquery.form.js异步提交表单详解
Apr 25 jQuery
React-Router如何进行页面权限管理的方法
Dec 06 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 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定时任务延缓执行的实现
2014/10/08 PHP
php获取根域名方法汇总
2014/10/28 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
PHP PDOStatement::bindValue讲解
2019/01/30 PHP
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
jquery与google map api结合使用 控件,监听器
2010/03/04 Javascript
新鲜出炉的js tips提示效果
2011/04/03 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
2014/06/30 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
Vue.js学习笔记之 helloworld
2016/08/14 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
element ui 对话框el-dialog关闭事件详解
2018/02/26 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
Vue.js实现立体计算器
2020/02/22 Javascript
[02:40]DOTA2超级联赛专访430 从小就爱玩对抗性游戏
2013/06/18 DOTA
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
Python实现的人工神经网络算法示例【基于反向传播算法】
2017/11/11 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
Python用 KNN 进行验证码识别的实现方法
2018/02/06 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
Python实现字符串匹配的KMP算法
2019/04/04 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
Daisy London官网:英国最大的首饰集团IBB旗下
2019/02/28 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
教师产假请假条
2014/04/10 职场文书
大专学生求职信
2014/07/04 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python
MySQL的意向共享锁、意向排它锁和死锁
2022/07/15 MySQL