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

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

2019-01-07

编程之家

https://www.jb51.cc

编程之家收集整理的这篇文章主要介绍了JS实现加载和读取XML文件的方法详解，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_502_0@本文实例讲述了JS实现加载和读取XML文件的方法。分享给大家供大家参考，具体如下：

@H_502_0@有时在开发时用到 JS 加载和读取XML文件的情况，写下提供参考，这里主要是分两步完成：

@H_502_0@

1. JS加载XML文件

@H_502_0@步骤一般为(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

{

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文件结构:

shenzhen

shenzhenNBA

man

shenzhen

xiaoming

woman

zhangsan

man

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

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

在线XML/JSON互相转换工具：

@H_502_0@