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基本语法分析说明
Jun 15 Javascript
JavaScript 仿关机效果的图片层
Dec 26 Javascript
JavaScript入门教程(1) 什么是JS
Jan 31 Javascript
JavaScript 面向对象编程(2) 定义类
May 18 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
自己编写的支持Ajax验证的JS表单验证插件
May 15 Javascript
javascript中Date()函数在各浏览器中的显示效果
Jun 18 Javascript
浅谈JavaScript 标准对象
Jun 02 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
使用php重新实现PHP脚本引擎内置函数
2007/03/06 PHP
PHP+MySQL 手工注入语句大全 推荐
2009/10/30 PHP
浅谈php错误提示及查错方法
2015/07/14 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
ThinkPHP简单使用memcache缓存的方法
2016/11/15 PHP
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
laravel 实现用户登录注销并限制功能
2019/10/24 PHP
uploadify 3.0 详细使用说明
2012/06/18 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
javascript实现行拖动的方法
2015/05/27 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
解决html input验证只能输入数字,不能输入其他的问题
2017/07/21 Javascript
什么是Vue.js框架 为什么选择它?
2017/10/17 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
跟老齐学Python之通过Python连接数据库
2014/10/28 Python
基于Python中的yield表达式介绍
2019/11/19 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
澳大利亚最好的在线时尚精品店:Princess Polly
2018/01/03 全球购物
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
优秀教师获奖感言
2014/01/31 职场文书
小学庆六一活动总结
2014/08/28 职场文书
2014幼儿园中班工作总结
2014/11/10 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
python xlwt模块的使用解析
2021/04/13 Python