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实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
多浏览器兼容性比较好的复制到剪贴板的js代码
Oct 09 Javascript
编写针对IE的JS代码两种编写方法
Jan 30 Javascript
js事件绑定快捷键以ctrl+k为例
Sep 30 Javascript
JavaScript使用readAsDataURL读取图像文件
May 10 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
May 26 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
Oct 27 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
vue 清空input标签 中file的值操作
Jul 21 Javascript
JS实现按比例缩小图片宽高
Aug 24 Javascript
微信小程序向Java后台传输参数的方法实现
Dec 10 Javascript
原生JS实现京东查看商品点击放大
Dec 21 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/09/05 PHP
php cookie 登录验证示例代码
2009/03/16 PHP
php empty() 检查一个变量是否为空
2011/11/10 PHP
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
javascript tips提示框组件实现代码
2010/11/19 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
JavaScript通过join函数连接数组里所有元素的方法
2015/03/20 Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
2016/01/19 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
详解JavaScript 作用域
2020/07/14 Javascript
vue中v-model对select的绑定操作
2020/08/31 Javascript
react-native 实现购物车滑动删除效果的示例代码
2021/01/15 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
python使用clear方法清除字典内全部数据实例
2015/07/11 Python
Python框架Flask的基本数据库操作方法分析
2018/07/13 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
Django User 模块之 AbstractUser 扩展详解
2020/03/11 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
Html5新特性用canvas标签画多条直线附效果截图
2014/06/30 HTML / CSS
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
优秀的茶餐厅创业计划书
2014/01/03 职场文书
护士岗前培训自我评鉴
2014/02/28 职场文书
媒矿安全生产承诺书
2014/05/23 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
世界环境日活动总结
2015/02/11 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
前端学习——JavaScript原生实现购物车案例
2021/03/31 Javascript
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js
浅谈MySQL中的六种日志
2022/03/23 MySQL