title: How to retrieve data from external XML file using Javascript
body: <p>I'm trying to show the headliners of a Dutch news magazine on my website. They have an rss feed: <a href="https://www.vrt.be/vrtnws/nl.rss.headlines.xml" rel="nofollow noreferrer">https://www.vrt.be/vrtnws/nl.rss.headlines.xml</a> </p>
  
  <p>I already have this:</p>
  
  <pre><code>function loadXMLDoc() {
  
  
  var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 &amp;&amp; this.status == 200) {
        showXML(this);
      }
    };
    xmlhttp.open("POST", "https://www.vrt.be/vrtnws/nl.rss.headlines.xml " , true);
    xmlhttp.send();
  }
  
  function showXML(xml) {
    var x, i, xmlDoc, table;
    xmlDoc = xml.responseXML;
    x = xmlDoc.getElementsByTagName("title")[1]
    document.getElementById("demo").innerHTML = x;
    console.log(x);
  };
  </code></pre>
  
  <p>Why doesn't this work? My console says</p>
  
  <blockquote>
    <p>No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.</p>
  </blockquote>
  
  <p>How do i solve this problem?</p>