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的键盘控制事件说明
Apr 15 Javascript
容易被忽略的JS脚本特性
Sep 13 Javascript
js原型链原理看图说明
Jul 07 Javascript
推荐8款jQuery轻量级树形Tree插件
Nov 12 Javascript
JavaScript中原型和原型链详解
Feb 11 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
JavaScript对象反射用法实例
Apr 17 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
微信小程序 http请求详细介绍
Oct 09 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
原生js封装运动框架的示例讲解
Oct 01 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中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
php下获取Discuz论坛登录用户名、用户组、用户ID等信息的实现代码
2010/12/29 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
很多人都是用下面的js刷新站IP和PV
2008/09/05 Javascript
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
Extjs 几个方法的讨论
2010/01/28 Javascript
与jquery serializeArray()一起使用的函数,主要来方便提交表单
2011/01/31 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
一个JavaScript的求爱小特效
2014/05/09 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
javascript框架设计之类工厂
2015/06/23 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
node.js express安装及示例网站搭建方法(分享)
2016/08/22 Javascript
JS常用函数和常用技巧小结
2016/10/15 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
JS前端加密算法示例
2016/12/22 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
分析Python中设计模式之Decorator装饰器模式的要点
2016/03/02 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
python版飞机大战代码分享
2018/11/20 Python
python中时间、日期、时间戳的转换的实现方法
2019/07/06 Python
opencv-python 提取sift特征并匹配的实例
2019/12/09 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
python pandas利用fillna方法实现部分自动填充功能
2020/03/16 Python
python脚本和网页有何区别
2020/07/02 Python
Python3合并两个有序数组代码实例
2020/08/11 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
巴西购物网站:Estrela10
2018/12/13 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
办公室驾驶员岗位职责
2013/11/15 职场文书