JS를 사용하여 XML 파일을 로드하고 읽는 예제에 대한 자세한 설명

이 글에서는 JS가 XML 파일을 로딩하고 읽는 방법을 주로 소개하고, XML 파일을 로딩하고 읽는 자바스크립트의 관련 구현 단계와 운영 기법을 예제 형태로 분석해 도움이 필요한 친구들이 참고할 수 있습니다.

이 기사의 예에서는 JS를 사용하여 XML 파일을 로드하고 읽는 방법을 설명합니다. 참고를 위해 모든 사람과 공유합니다.

개발 중에 JS를 사용하여 XML 파일을 로드하고 읽는 경우는 주로 두 단계로 이루어집니다. >

1. JS는 XML 파일을 로드합니다

일반적으로 단계는 (1), XML DOM 개체 설정, (2) 로드 방법 설정, 비동기(권장) 또는 동기화(3) XML 파일 URL을 제공한 후 대략 다음과 같이 로드 메소드를 호출합니다.

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(&#39;can not create XML DOM object, update your browser please...&#39;);
}
xmlDoc.async=false; //同步,防止后面程序处理时遇到文件还没加载完成出现的错误,故同步等XML文件加载完再做后面处理
xmlDoc.load(xmlFileName); //加载XML

2. JS는 XML 파일을 읽는 노드

XML 파일을 로드한 후 XML 파일을 읽는 노드입니다. MS IE와 유사한 읽기 방법이 있는 DOM 해당 방법을 사용할 수 있습니다. 다음과 같은 다른 브라우저:

예를 들어 아래 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 的属性值
//还有其他的方法等, 可以网上搜索

위 내용은 JS를 사용하여 XML 파일을 로드하고 읽는 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!