トップページ > コンテンツ > プログラミング入門 > Ajax入門 > JavaScript入門 > javascriptファイル入出力 > XMLファイルの扱い方

XMLデータを処理するにはXMLHttpRequestを使うことができる。
流れとしては
1.XMLHttpRequestオブジェクト生成
2.open()メソッド
3.send()メソッド
4.onreadystatechangeイベント
5.readyStateプロパティ
6.responseTextかresponseXMLプロパティ
という形になる。
他にも各種ライブラリを使用する方法もある。


XMLファイルの読み込みは以下のようにすることで出来る。
ParseErrorが出る場合はxmlの文法が正しいか再度確認してみよう。

if(document.all) { //IE等の場合
  var XML_obj = new ActiveXObject('Microsoft.XMLDOM');
} else { //Firefox等の場合
  var XML_obj = document.implementation.createDocument("","",null);
}

XML_obj.async = false;
XML_obj.load('sample.xml'); //仕様上同じドメインのデータしか読み込めない。これを解決するにはクロスオリジン対策が必要。
var Root_node = obXML.documentElement; //<-読み込んだXMLのRootNode。
alert(Root_node.getElementsByTagName("test")[0].firstChild.data); //<-XML内のアクセスはXPathやDOMのように扱う。
  
//XML-Parseエラーが出た場合の原因特定用
if(Root_node.documentElement.nodeName=="parsererror") {
   xml_error = documentElement.childNodes[0].nodeValue;
   xml_error = xml_error.replace(/</g, "<");
   alert(xml_error);
}

最終更新:2013年03月19日 22:40