Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée d'exemples de chargement et de lecture de fichiers XML à l'aide de JS

零下一度
Libérer: 2017-04-26 11:03:50
original
1247 Les gens l'ont consulté

Cet article présente principalement la méthode de chargement et de lecture de fichiers XML à l'aide de JS, et analyse les étapes de mise en œuvre et les techniques d'exploitation pertinentes pour le chargement et la lecture de fichiers XML avec Javascript sous forme d'exemples. Les amis dans le besoin peuvent s'y référer

L'exemple de cet article décrit la méthode de chargement et de lecture de fichiers XML à l'aide de JS. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Parfois, JS est utilisé pour charger et lire des fichiers XML pendant le développement. Je l'écris pour référence. Cela se fait principalement en deux étapes :

1. JS charge le fichier XMLLes étapes sont généralement (1), établir un objet XML DOM (2), définir la méthode de chargement, asynchrone (recommandé) ou synchronisation ; (3) Fournissez l'URL du fichier XML, puis appelez la méthode de chargement à peu près comme suit :


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
Copier après la connexion

2. JS lit le nœud du fichier XMLAprès avoir chargé le fichier XML, c'est le nœud qui lit le fichier XML. Vous pouvez utiliser la méthode correspondante du DOM et les méthodes de lecture pour MS IE. et d'autres navigateurs sont similaires, par exemple :

Par exemple, la structure de fichier XML suivante :


<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>
Copier après la connexion


Il existe également quelques méthodes pour lire les nœuds :
//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++){
  //...遍历操作...
}
Copier après la connexion


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


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal