XMLHttpRequest() 是如何工作的？

如何解决XMLHttpRequest() 是如何工作的？

我从 w3schools 得到了这段代码，它在 w3 中运行良好，但是当我在 vscode 中运行相同的代码和 cd_catalog.xml 时，我没有得到任何输出，而且我对 XMLHttpRequest( );这是谁的工作，谁能解释一下。

function loadXMLDoc() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      myFunction(this);
    }
  };
  xmlhttp.open("GET","cd_catalog.xml",true);
  xmlhttp.send();
}

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

<!DOCTYPE html>
<html>
<body>
<h2>My CD Collection:</h2>

<button type="button" onclick="loadXMLDoc()">
Get my CD collection</button>

<p id="demo"></p>

</body>
</html>