如何使用 XMLHttpRequest 从文件系统读取文件？

Question

In this code I am trying to open a file (skills.xml) which is in the same folder as the current page, but it's returning null.

What am I doing wrong?

function loadXMLDoc() {

    var xmlhttp = new XMLHttpRequest();
    alert(xmlhttp.readyState + "       " + xmlhttp.status);

    xmlhttp.open("GET", "skills.xml", true);

    xmlhttp.onreadystatechange = function() {
        alert(xmlhttp.readyState + "       " + xmlhttp.status);
        if (xmlhttp.readyState == 4) {
            myFunction(xmlhttp); 
        }
    }

    xmlhttp.send();

}

Answer 1

It didn't work for me for a long time, and the problem is that i didn't have a server, i was just visualizing the file in the file system. If you are using VSCode there is a simple work-around to this: you can install the Live Server extension and run the html file on the server using the button in the bar at the bottom that says "Go Live". Note : you might need to reload the IDE.

(PS: i know it's been long since this question was asked but feel free to tell me if you found another way to deal with the problem or if there were other problems)