欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS实现加载和读取XML文件的方法详解

程序员文章站 2022-06-06 12:25:47
本文实例讲述了js实现加载和读取xml文件的方法。分享给大家供大家参考,具体如下: 有时在开发时用到 js 加载和读取xml文件的情况,写下提供参考,这里主要是分两步完成...

本文实例讲述了js实现加载和读取xml文件的方法。分享给大家供大家参考,具体如下:

有时在开发时用到 js 加载和读取xml文件的情况,写下提供参考,这里主要是分两步完成:

1. js加载xml文件

步骤一般为(1),建立 xml dom 对象;(2),设置加载方式,异步(推荐)或同步; (3)提供xml文件url然后调用 load 方法;大致如下:

var xmlfilename="xxfile.xml";
var xmldoc='';
if (window.activexobject){ // ie
  var activexnamelist=new array("msxml2.domdocument.6.0","msxml2.domdocument.5.0","msxml2.domdocument.4.0","msxml2.domdocument.3.0","msxml2.domdocument","microsoft.xmldom","msxml.domdocument");
  for(var h=0;h<activexnamelist.length;h++)
  {
    try{
      xmldoc=new activexobject(activexnamelist[h]);
    }catch(e){
      continue;
    }
    if(xmldoc) break;
  }
}else if(document.implementation && document.implementation.createdocument){ //非 ie
  xmldoc=document.implementation.createdocument("","",null);
}else{
  alert('can not create xml dom object, update your browser please...');
}
xmldoc.async=false; //同步,防止后面程序处理时遇到文件还没加载完成出现的错误,故同步等xml文件加载完再做后面处理
xmldoc.load(xmlfilename); //加载xml

2. js读取xml文件节点

在加载xml文件之后就是读取xml文件的节点了,可以使用 dom 相应的方法,对 ms ie 其它浏览器的读法相近,例如:

例如下的xml文件结构:

<visiter>
  <area areaid="shenzhen">
    <areaname>shenzhen</areaname>
    <user userid="001">
      <name>shenzhennba</name>
      <sex>man</sex>
    </user>
  </area>
  <area areaid="shanghai">
    <areaname>shenzhen</areaname>
    <user userid="002">
      <name>xiaoming</name>
      <sex>woman</sex>
    </user>
    <user userid="003">
      <name>zhangsan</name>
      <sex>man</sex>
    </user>
  </area>
</visiter>

//js读取 xml 文件中的 area 节点的方式如下:
var nodelist= xmldoc.documentelement.getelementsbytagname("area"); // ie
for(var i=0;i<nodelist.length;i++){
  //...遍历操作...
}
var nodelist=xmldoc.getelementsbytagname("area"); // 非ie
for(var i=0;i<nodelist.length;i++){
  //...遍历操作...
}

还有部分读取节点的方法:

//ms ie
node.text ;   //读取node节点的文本值
node.childnodes[i].text ;  //读取 node 下的第 i 个[直接下一级]子节点的文本
node.getattribute("attributename") ;   //读取 node 节点的属性名称为 attributename 的属性值
//还有其他的方法等, 可以网上搜索

//非 ms ie
node.nodevalue ;   //读取node节点的文本值
node.childnodes[i].nodevalue ;  //读取 node 下的第 i 个[直接下一级]子节点的文本
node.getattribute("attributename") ;   //读取 node 节点的属性名称为 attributename 的属性值
//还有其他的方法等, 可以网上搜索

ps:这里再为大家提供几款关于xml与json操作的在线工具供大家参考使用:

在线xml/json互相转换工具:

在线格式化xml/在线压缩xml

xml在线压缩/格式化工具:

在线json代码检验、检验、美化、格式化工具:

json在线格式化工具:

在线json压缩/转义工具:

更多关于javascript相关内容可查看本站专题:《javascript中ajax操作技巧总结》、《javascript操作xml文件技巧总结》、《javascript中json操作技巧总结》、《javascript错误与调试技巧总结》及《javascript数据结构与算法技巧总结

希望本文所述对大家javascript程序设计有所帮助。