title: XMLHttpRequest cannot load xml-file. No 'Access-Control-Allow-Origin' header is present on the requested resource
body: <p>This has been asked alot but it's mostly about json files. I have this online xml file from my website that I want to use on a subdomain from my website but I get following error:</p>
  
  <pre><code>XMLHttpRequest cannot load xml-file. No 'Access-Control-Allow-Origin' header is present on the requested resource
  </code></pre>
  
  <p>This is the code I use to load xml file:</p>
  
  <pre><code>url = "http://www.worldofleonalewis.com/duets/rss.xml";
      $("#video-detail").empty()
      $("#videos").empty();
      $.ajax({
          type: "GET",
          dataType: "xml",
          url: url,
          success: function (xml) {
   }
  </code></pre>
  
  <p>The only solution I have atm is to copy the entire xml file and save it as an xml file but as the xml file will be updated as soon as I post new content then it seems crazy work.</p>
  
  <p>I've read about json and jsonp solutions but I can't get a json file from this, only xml.</p>
  
  <p><a href="http://www.worldofleonalewis.com/duets/rss.xml" rel="nofollow">xml file</a></p>