ホームページ  >  記事  >  ウェブフロントエンド  >  JSを利用したXMLファイルの読み込み・読み込み例を詳しく解説

JSを利用したXMLファイルの読み込み・読み込み例を詳しく解説

零下一度
零下一度オリジナル
2017-04-26 11:03:501253ブラウズ

この記事では、主に XML ファイルのロードと読み取りの JS メソッドを紹介し、XML ファイルのロードと読み取りに関連する JavaScript の実装手順と操作テクニックをサンプルの形式で分析します。この記事では、JS を使用して XML ファイルをロードおよび読み取るメソッドを実装する方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです。

開発中に XML ファイルをロードして読み取るために JS を使用することがあります。これは主に 2 つの手順で完了します。

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 ファイルをロードした後、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"); // IE
for(var i=0;i<nodeList.length;i++){
  //...遍历操作...
}
var nodeList=xmlDoc.getElementsByTagName("area"); // 非IE
for(var i=0;i<nodeList.length;i++){
  //...遍历操作...
}

ノードを読み取る方法もいくつかあります:

りりー

りー

以上がJSを利用したXMLファイルの読み込み・読み込み例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。