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")； // IEfor(var i=0;i<nodeList.length;i++){
  //...遍历操作...}var nodeList=xmlDoc.getElementsByTagName("area"); // 非IEfor(var i=0;i<nodeList.length;i++){
  //...遍历操作...}

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

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

//非 MS IEnode.nodeValue ;   //读取node节点的文本值node.childNodes[i].nodeValue ;  //读取 node 下的第 i 个[直接下一级]子节点的文本node.getAttribute("attributeName") ;   //读取 node 节点的属性名称为 attributeName 的属性值//还有其他的方法等, 可以网上搜索

感谢各位的阅读！关于“JS如何实现加载和读取XML文件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

JS如何实现加载和读取XML文件

最新知识库

相关标签