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 相关文章推荐
Jquery从头学起第四讲 jquery入门教程
Aug 01 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
Vue.js学习笔记之 helloworld
Aug 14 Javascript
js实现短信发送倒计时功能(正则验证)
Feb 10 Javascript
微信小程序中使用javascript 回调函数
May 11 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
vue动态绑定class的几种常用方式小结
May 21 Javascript
js实现3D照片墙效果
Oct 28 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
Oct 30 Javascript
vue2.0实现列表数据增加和删除
Jun 17 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 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
多数据表共用一个页的新闻发布
2006/10/09 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
js 自制滚动条的小例子
2013/03/16 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
JS中artdialog弹出框控件之提交表单思路详解
2016/04/18 Javascript
深入分析javascript中的错误处理机制
2016/07/17 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
2017/01/20 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
js实现时间日期校验
2020/05/26 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
python3+PyQt5+Qt Designer实现扩展对话框
2018/04/20 Python
Python3实现将本地JSON大数据文件写入MySQL数据库的方法
2018/06/13 Python
python标准库OS模块函数列表与实例全解
2020/03/10 Python
python字符串判断密码强弱
2020/03/18 Python
Python ATM功能实现代码实例
2020/03/19 Python
Pycharm打开已有项目配置python环境的方法
2020/07/03 Python
美国网上订购鲜花:FTD
2016/09/23 全球购物
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
梅花魂教学反思
2014/04/25 职场文书
俞敏洪励志演讲稿
2014/04/29 职场文书
消防安全宣传标语
2014/06/07 职场文书
2015年财政所工作总结
2015/04/25 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
python中sys模块的介绍与实例
2021/04/17 Python
教你怎么用Python监控愉客行车程
2021/04/29 Python
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL