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

2. JS读取XML文件节点
在加载XML文件之后就是读取XML文件的节点了，可以使用 DOM 相应的方法，对 MS IE 其它浏览器的读法相近，例如：
例如下的XML文件结构:


  
    shenzhen
    
      shenzhenNBA
      man
    
  
  
    shenzhen
    
      xiaoming
      woman
    
    
      zhangsan
      man
    
  





//JS读取 XML 文件中的 area 节点的方式如下:
var nodeList= xmlDoc.documentElement.getElementsByTagName("area")； // IE
for(var i=0;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互相转换工具：

http://tools.jb51.net/code/xmljson
在线格式化XML/在线压缩XML：

http://tools.jb51.net/code/xmlformat
XML在线压缩/格式化工具：

http://tools.jb51.net/code/xml_format_compress
在线JSON代码检验、检验、美化、格式化工具：

http://tools.jb51.net/code/json
JSON在线格式化工具：

http://tools.jb51.net/code/jsonformat
在线json压缩/转义工具：

http://tools.jb51.net/code/json_yasuo_trans
更多关于Javascript相关内容可查看本站专题：《Javascript中ajax操作技巧总结》、《Javascript操作XML文件技巧总结》、《Javascript中json操作技巧总结》、《Javascript错误与调试技巧总结》及《Javascript数据结构与算法技巧总结》
希望本文所述对大家Javascript程序设计有所帮助。