Javascript 读取操作Sql中的Xml字段

 更新时间:2014年10月09日 17:59:53   投稿:whsnow  
把Xml字段先读出来,然后用Js去操作,这样岂不是简单了许多,于是网上搜索了一些JS读Xml字段信息的方法

在一个项目当中,我们需要把数据库中的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 alert和confirm的美化

    浅谈javascript alert和confirm的美化

    window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观。本文对此解决方法进行介绍:使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果。下面就跟小编一起来看下吧
    2016-12-12
  • 前端导出PDF的组件及方法实际例子

    前端导出PDF的组件及方法实际例子

    这篇文章主要介绍了三种流行的前端导出PDF的组件和方法,分别是jsPDF、pdfMake和Print.js,每个库都有其特点和适用场景,可以根据具体需求选择合适的库,需要的朋友可以参考下
    2025-02-02
  • 微信小程序 数据缓存实现方法详解

    微信小程序 数据缓存实现方法详解

    这篇文章主要介绍了微信小程序 数据缓存实现方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • 获取dom元素那些讨厌的位置封装代码

    获取dom元素那些讨厌的位置封装代码

    你还在为offset,scroll,inner,client,screen,mouse发愁吗? 头都大了。而且各个浏览器方法还不太一样。所以往往很浪费我们的时间。 于是我产生了写一个方法用户 专门获取这样的数据。
    2010-06-06
  • 详解webpack与SPA实践之开发环境搭建

    详解webpack与SPA实践之开发环境搭建

    这篇文章主要介绍了详解webpack与SPA实践之开发环境搭建,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • js给页面加style无效果的解决方法

    js给页面加style无效果的解决方法

    js给页面加style没有效果的情况,想必大家都有见到吧,下面有个不错的解决方法,大家可以参考下
    2014-01-01
  • js获取checkbox复选框选中的选项实例

    js获取checkbox复选框选中的选项实例

    这篇文章主要介绍了js如何获取checkbox复选框选中的选项,比较适合新手,需要的朋友可以参考下
    2014-08-08
  • amd、cmd、esmodule、commonjs区别详解

    amd、cmd、esmodule、commonjs区别详解

    本文主要介绍了amd、cmd、esmodule、commonjs区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 用RadioButten或CheckBox实现div的显示与隐藏

    用RadioButten或CheckBox实现div的显示与隐藏

    用RadioButten(或CheckBox)实现div的显示与隐藏,当选择“女”时,显示“美女、才女”;当选择“男”时隐藏,具体实现如下,感兴趣的朋友可以参考下
    2013-09-09
  • JavaScript 最佳实践:帮你提升代码质量

    JavaScript 最佳实践:帮你提升代码质量

    在本篇教程中,我将指出一些重要的 JavaScript 最佳实践,让你不必去用另外一种艰难的方式来了解它们。准备好去升级你的代码吧
    2016-12-12

最新评论