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鼠标左右键 键盘值小结
Jun 11 Javascript
Underscore.js 的模板功能介绍与应用
Dec 24 Javascript
jQuery制作仿腾讯web qq用户体验桌面
Aug 20 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
jQuery Validate插件实现表单验证
Aug 19 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
VSCode配置react开发环境的步骤
Dec 27 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
Jan 09 Javascript
vue页面引入three.js实现3d动画场景操作
Aug 10 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 读取文件乱码问题
2010/02/20 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
php防止sql注入之过滤分页参数实例
2014/11/03 PHP
php生成短域名函数
2015/03/23 PHP
php获取twitter最新消息的方法
2015/04/14 PHP
jquery ajax请求实例深入解析
2012/11/26 Javascript
Knockout visible绑定使用方法
2013/11/15 Javascript
浅析Cookie中的Path与domain
2013/12/18 Javascript
构造函数+原型模式构造js自定义对象(最通用)
2014/05/12 Javascript
Jquery的each里用return true或false代替break或continue
2014/05/21 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
jQuery下拉友情链接美化效果代码分享
2015/08/26 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
2015/09/27 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
深入学习JavaScript 高阶函数
2019/06/11 Javascript
vue 中几种传值方法(3种)
2019/11/12 Javascript
[43:14]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
Python os模块介绍
2014/11/30 Python
python语音识别实践之百度语音API
2018/08/30 Python
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
python 导入数据及作图的实现
2019/12/03 Python
Python之Matplotlib文字与注释的使用方法
2020/06/18 Python
CSS3——齿轮转动关键代码
2013/05/02 HTML / CSS
西班牙手机之家:Phone House
2018/10/18 全球购物
建筑工程技术应届生自荐信
2013/09/27 职场文书
给朋友的道歉信
2014/01/09 职场文书
中西医专业毕业生职业规划书
2014/02/24 职场文书
住院医师规范化培训实施方案
2014/06/12 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
师德师风整改措施
2014/10/24 职场文书
酒会开场白大全
2015/06/01 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL