Try it Yourself: XML HttpRequest

XML HttpRequest

<!DOCTYPE html>
<html>
<body>

<script>
const xhr = new XMLHttpRequest();

xhr.open('GET', '/data/books.xml', true);

xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const xmlDoc = xhr.responseXML;
    const titles = xmlDoc.getElementsByTagName('title');
    for (let i = 0; i < titles.length; i++) {
      console.log(titles[i].textContent);
    }
  }
};

xhr.send();
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<script>
const xhr = new XMLHttpRequest();

xhr.open('GET', '/data/books.xml', true);

xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const xmlDoc = xhr.responseXML;
    const titles = xmlDoc.getElementsByTagName('title');
    for (let i = 0; i < titles.length; i++) {
      console.log(titles[i].textContent);
    }
  }
};

xhr.send();
</script>

</body>
</html>