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判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
Apr 01 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
Google 地图事件实例讲解
Aug 06 Javascript
纯JS实现弹性导航条效果
Mar 06 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
Nov 13 Javascript
vue 判断页面是首次进入还是再次刷新的实例
Nov 05 Javascript
Javascript中的解构赋值语法详解
Apr 02 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生成静态页
2006/11/25 PHP
php基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
url 编码 js url传参中文乱码解决方案
2010/04/11 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
2015/09/06 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
javascript字符串函数汇总
2015/12/06 Javascript
JS组件Bootstrap实现弹出框效果代码
2016/04/26 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
2016/10/01 Javascript
利用Bootstrap实现表格复选框checkbox全选
2016/12/21 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
[06:24]DOTA2亚洲邀请赛小组赛第三日 TOP10精彩集锦
2015/02/01 DOTA
Python+Opencv识别两张相似图片
2020/03/23 Python
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
Python自定义函数定义,参数,调用代码解析
2017/12/27 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
解决Keras TensorFlow 混编中 trainable=False设置无效问题
2020/06/28 Python
天猫精选:上天猫,就够了
2016/09/21 全球购物
医学专业本科毕业生自我鉴定
2013/12/28 职场文书
初中美术教学反思
2014/01/29 职场文书
创业融资计划书
2014/04/25 职场文书
招商引资工作汇报
2014/10/28 职场文书
务虚会发言材料
2014/12/25 职场文书
微信早安问候语
2015/11/10 职场文书
CSS 圆形进度栏
2021/04/06 HTML / CSS
pycharm部署django项目到云服务器的详细流程
2021/06/29 Python
Python实现列表拼接和去重的三种方式
2021/07/02 Python