Javascript

Membaca File XML dengan Javascript

Berikut cara membaca file XML dengan menggunakan javascript :

HTML :

<button type="button" onclick="loadXMLText()">Get XML Text</button>
<p id="demo1"></p>
<button type="button" onclick="loadXMLAttr()">Get XML Attribute</button>
<p id="demo2"></p>

Javascript :

function loadXMLText() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      myFunction(this);
    }
  }
  xmlhttp.open("GET", "../assets/source/SC_1_A/tilemapresource.xml", true);
  xmlhttp.send();
}

function myFunction(xml) {
  var x, i, xmlDoc, txt;
  xmlDoc = xml.responseXML;
  txt = "";
  x = xmlDoc.getElementsByTagName("SRS");
  for (i = 0; i< x.length; i++) {
    txt += x[i].childNodes[0].nodeValue + "<br>";
  }
  document.getElementById("demo1").innerHTML = txt;
}

function loadXMLAttr() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      myFunction2(this);
    }
  };
  xmlhttp.open("GET", "../assets/source/SC_1_A/tilemapresource.xml", true);
  xmlhttp.send();
}

function myFunction2(xml) {
  var x, i, xmlDoc, txt;
  xmlDoc = xml.responseXML;
  txt = "";
  x = xmlDoc.getElementsByTagName("Origin");
  for (i = 0; i < x.length; i++) {
      txt += "x = " + x[i].getAttribute('x') + " and y = " + x[i].getAttribute('y');
  }

  document.getElementById("demo2").innerHTML = txt;

}

Terima kasih. Selamat Mencoba


You may also like


0 Comments


Leave a Reply

Scroll to Top