Blog

<?xml version="1.0"?>
<library>
  <book>
    <title>JavaScript Guide</title>
    <author>Hasan Ahmed</author>
  </book>
  <book>
    <title>Learning AJAX</title>
    <author>Sadia Rahman</author>
  </book>
</library>

<button onclick="loadXML()">XML ডেটা লোড করুন</button>
<div id="output"></div>

<script>
function loadXML() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "books.xml", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var xmlDoc = xhr.responseXML;

      var books = xmlDoc.getElementsByTagName("book");
      var output = "<table style='width:100%; border-collapse: collapse;'>";
      output += "<tr style='background:#0073aa; color:#fff;'><th style='padding:8px;border:1px solid #ccc;'>Title</th><th style='padding:8px;border:1px solid #ccc;'>Author</th></tr>";

      for (var i = 0; i < books.length; i++) {
        var title = books[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
        var author = books[i].getElementsByTagName("author")[0].childNodes[0].nodeValue;

        output += "<tr><td style='padding:8px;border:1px solid #ccc;'>" + title + "</td><td style='padding:8px;border:1px solid #ccc;'>" + author + "</td></tr>";
      }

      output += "</table>";
      document.getElementById("output").innerHTML = output;
    }
  };
  xhr.send();
}
</script>