JavaScript实现解析xml文件数据

本文介绍: 用js 来解析xml 文件，xml 格式的数据很普遍，特别是一些老项目普遍都用xml 格式的数据。在ajax里有个 responseXML就返回的是xml 格式的数据，下面是js 如何解析 xml 文件，获得里面的数据。话不多说，直接上传。………

用js 来解析xml 文件，x ml格式的数据很普遍，特别是一些老项目普遍都用xml格式的数据。在ajax里有个 responseXML就返回的是xml格式的数据，下面是js 如何解析xml文件，获得里面的数据。话不多说，直接上菜。

发送请求获取要解析的xml文件，并创建提取节点方法

getXML(){
      axios({
      methods:"GET",
        url: "xxx",   
      }).then(res=&gt;{
        // 定义一个变量存储 调用从XML中提取节点数据方法 返回的数据
        //getXMLNode()是提取节点数据方法
        let resData=this.getXMLNode({xmlStr:res.data});
        console.log(resData);
      }).catch(error=&gt;{
      console.log(error);
      });
    },

xml支持用getElemen tsByTagName（）方法来获得节点名，第一次获取 find的个数，第二次再取每个 find里的标签名和值。

DOMParser() 构造函数新建一个 DOMParser 对象实例。此对象可用于使用该方法分析文档的文本。
parseFromStr ing（）方法解析包含 HTML或XML 的字符串，返回 HTMLDocument或XMLDocument

getXMLNode(parm){
      let str=parm.xmlStr;
      //创建文档对象
      
      let xmlDoc = new DOMParser().parseFromString(str, "text/xml");
      let finds=xmlDoc.getElementsByTagName('find');   //获取find节点
      for (let i=0;i<finds.length;i++){     //循环节点
        let finder = finds[i];
        let nods = finder.childNodes;       
        for (let j=0;j<nods.length;j++){    //循环子节点
          let child = nods[j]
          if (child.nodeType == 1){         //判断是否是标签
            console.log(child.nodeName+":"+child.firstChild.nodeValue)  
            // console.log(child.nodeName+child.innerHTML);   
            //两种方法取值
          }
        }
      }
      return finds
    }