JSを使用してXMLファイルを読み取る方法

このプロジェクトでは XML を解析する必要があるため、さまざまな Baidu と、さまざまな主流ブラウザでの XML 解析方法をまとめました。その使用方法はごく簡単に知ることができますが、詳細な調査はありません。

さまざまなブラウザーは、さまざまな方法で XML を解析します。現在の主流のブラウザーによると、ブラウザーは大きく 3 つのカテゴリに分類されます。

最初のカテゴリ、ie の祖先: js は、オートメーション オブジェクトを作成するためのメソッドである new ActiveXObject("Microsoft .XMLDOM" );

2 番目のカテゴリ: firefox、opera: コンストラクター DOMParser() を使用して DOMParser オブジェクトをインスタンス化し、xml テキストを解析し、xml Document オブジェクトを返します。

カテゴリ 3: chrome、safari: chrome はそうするため、ロードメソッドをサポートしていないため、http プロトコルと XMLHttpRequest オブジェクトが使用されます。

コード:

function loadXML(){
var xmlDoc;
try{ //IE
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
}catch(e){ //firefox,opera
xmlDoc = document.implementation.createDocument("","",null);
}
try{
xmlDoc.asyc = false; //是否异步调用
xmlDoc.load("xxx.xml"); //文件路径
}catch(e){ //chrome
var xmlhttp = new window.XMLHttpRequest();
xmlhttp.open("GET","xxx.xml",false); //创建一个新的http请求，并指定此请求的方法、URL以及验证信息
xmlDoc = xmlhttp.responseXML;
}
return xmlDoc;
}

xmlDoc オブジェクトが返され、属性 documentElement には XML ノードのさまざまな値が含まれており、コンソールでゆっくりと見つけることができます。

ps: ローカル XML を読んでいる場合、Chrome はデフォルトでローカル ファイルへのアクセスを禁止するため、起動パラメータ --allow-file-access-from-files を追加する必要があります。