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 相关文章推荐
[原创]静态页面也可以实现预览 列表不同的显示方式
Oct 14 Javascript
如何用js控制css中的float的代码
Aug 16 Javascript
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
js数字转换为float,取N位小数
Feb 08 Javascript
Angular 根据 service 的状态更新 directive
Apr 03 Javascript
全面了解JS中的匿名函数
Jun 29 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
jquery对象和DOM对象的相互转换详解
Oct 18 Javascript
基于require.js的使用(实例讲解)
Sep 07 Javascript
vue axios 二次封装的示例代码
Dec 08 Javascript
vue elementui form表单验证的实现
Nov 11 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
Dec 11 Vue.js
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 变量未定义等错误的解决方法
2011/01/12 PHP
php中实现简单的ACL 完结篇
2011/09/07 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
Django 标签筛选的实现代码(一对多、多对多)
2018/09/05 PHP
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
javascript 动态生成私有变量访问器
2009/12/06 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
javascript中取前n天日期的两种方法分享
2014/01/26 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
jQuery实现textarea自动增长宽高的方法
2015/12/18 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
jQuery Masonry瀑布流布局神器使用详解
2017/05/25 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
详解js静态资源文件请求的处理
2017/08/01 Javascript
JS+CSS实现滚动数字时钟效果
2017/12/25 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
Nuxt.js实战和配置详解
2019/08/05 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
2019/11/06 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
[15:46]教你分分钟做大人——沙王
2015/03/11 DOTA
Django自定义过滤器定义与用法示例
2018/03/22 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
女大学生自我鉴定
2013/12/09 职场文书
最新会计专业求职信范文
2014/01/28 职场文书
大二法学专业职业生涯规划范文
2014/02/12 职场文书
幼儿教师师德师风演讲稿
2014/08/22 职场文书
关爱留守儿童主题班会
2015/08/13 职场文书
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python
mysql如何查询连续记录
2022/05/11 MySQL