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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
JavaScript splice()方法详解
Sep 22 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
Mar 18 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
Aug 16 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
原生js获取left值和top值的三种方法
Aug 02 Javascript
vue结合Echarts实现点击高亮效果的示例
Mar 17 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
Nov 21 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
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
使用PHP生成PDF方法详解
2015/01/23 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
Jquery判断IE6等浏览器的代码
2011/04/05 Javascript
JS继承 笔记
2011/07/13 Javascript
jquery绑定原理 简单解析与实现代码分享
2011/09/06 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
2013/04/24 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
js 操作select与option(示例讲解)
2013/12/20 Javascript
jquery使用ajax实现微信自动回复插件
2014/04/28 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
jQuery实现手机版页面翻页效果的简单实例
2016/10/05 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
给easyui的datebox控件添加清空按钮的实现方法
2016/11/09 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
2017/04/21 Javascript
PHP实现记录代码运行时间封装类实例教程
2017/05/08 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
Python中字符串与编码示例代码
2019/05/20 Python
python如何实现复制目录到指定目录
2020/02/13 Python
拿来就用!Python批量合并PDF的示例代码
2020/08/10 Python
Python+unittest+DDT实现数据驱动测试
2020/11/30 Python
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
小学教师听课制度
2014/02/01 职场文书
毕业生学校推荐信范文
2014/05/21 职场文书
校外活动方案
2014/08/28 职场文书
2014年党风建设工作总结
2014/11/19 职场文书
大连导游词
2015/02/12 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
公司周年庆典致辞
2015/07/30 职场文书
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python