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 相关文章推荐
JavaScript 拖拉缩放效果
Dec 10 Javascript
jQuery插件开发基础简单介绍
Jan 07 Javascript
jquery实现相册一下滑动两次的方法
Feb 09 Javascript
jQuery+PHP实现动态数字展示特效
Mar 14 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
setTimeout函数的神奇使用
Feb 26 Javascript
详解vue中computed 和 watch的异同
Jun 30 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 Javascript
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
js+h5 canvas实现图片验证码
Oct 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
关于Zend Studio 配色方案插件的介绍
2013/06/24 PHP
php开启openssl的方法
2014/05/15 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
PHP过滤黑名单关键字的方法
2014/12/01 PHP
使用PHP实现阻止用户上传成人照片或者裸照
2014/12/25 PHP
PHP抓取及分析网页的方法详解
2016/04/26 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
javascript 传统事件模型构造的事件监听器实现代码
2010/05/31 Javascript
JS远程获取网页源代码实例
2013/09/05 Javascript
json属性名为什么要双引号(个人猜测)
2014/07/31 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
理解JavaScript中worker事件api
2015/12/25 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
利用Vue2.x开发实现JSON树的方法
2018/01/04 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
[01:02:07]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Django-Model数据库操作(增删改查、连表结构)详解
2019/07/17 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
python实现根据给定坐标点生成多边形mask的例子
2020/02/18 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
Python如何实现FTP功能
2020/05/28 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
英智兴达软件测试笔试题
2016/10/12 面试题
公务员个人自我评价分享
2013/11/06 职场文书
一封普通求职者的求职信
2013/11/20 职场文书
九年级语文教学反思
2014/02/04 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
小学生勤俭节约倡议书
2015/04/29 职场文书
python绘制云雨图raincloud plot
2022/08/05 Python