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数组的使用

    javascript数组的使用

    js Array 对象用于在单个的变量中存储多个值,这里简单的接受下,需要的朋友可以参考下
    2013-03-03
  • 微信小程序绘制图片发送朋友圈

    微信小程序绘制图片发送朋友圈

    这篇文章主要为大家详细介绍了微信小程序绘制图片发送朋友圈,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • js分片下载超出2G的大文件代码实例

    js分片下载超出2G的大文件代码实例

    为了实现断点续传,研究了js的文件分片,下面这篇文章主要给大家介绍了关于js分片下载超出2G的大文件的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-04-04
  • 解读请求方式Method和请求类型Content-Type

    解读请求方式Method和请求类型Content-Type

    HTTP请求中,Content-Type头部用于指定请求体或响应体的类型,常见的有application/x-www-form-urlencoded、multipart/form-data、application/json、text/plain、application/xml等,常用请求方式包括Get、Post、Put、Delete
    2024-09-09
  • Tesseract.js使用纯js实现的OCR文字识别

    Tesseract.js使用纯js实现的OCR文字识别

    Tesseract.js是流行的Tesseract OCR引擎的纯Javascript端口,这个库支持100多种语言,自动文本定位和脚本检测,一个简单的界面,用于阅读段落、单词和字符边界框,Tesseract.js既可以在浏览器中运行,也可以在带有NodeJS的服务器上运行
    2023-10-10
  • Bootstrap实现水平排列的表单

    Bootstrap实现水平排列的表单

    这篇文章主要为大家详细介绍了Bootstrap实现水平排列的表单的相关代码,代码简洁,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • javascript 自定义常用方法

    javascript 自定义常用方法

    在实际的js开发过程中,我们常常会有相似或相同的需求。这时候如果没有很好的封装(通用功能),代码的重复将不可避免。
    2009-08-08
  • 超级简单实现JavaScript MVC 样式框架

    超级简单实现JavaScript MVC 样式框架

    本文给大家分享的是一则翻译过来的,由国外友人写的如何简单有效的实现javascript MVC样式框架,算是一个MVC的入门教程,希望大家能够喜欢。
    2015-03-03
  • JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式

    JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式

    最近在做项目的时候,需要把后台返回的时间转换成几秒前、几分钟前、几小时前、几天前等的格式,接下来通过本文给大家分享JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式 ,需要的朋友可以参考下
    2019-07-07
  • 教你javascript如何获取指针的位置

    教你javascript如何获取指针的位置

    这篇文章主要介绍了javascript获取指针的位置的方法,通过代码介绍了如何调用上面扩展函数 getMP() 捕获当前鼠标指针在文档中的位置,需要的朋友可以参考下
    2021-10-10

最新评论