如何将 XmlHttpRequest 与简单的 html/js 一起使用

问：

我有一个包含页面.html，脚本.js和信息.txt的文件夹。

我的页面 .html 使用脚本;TN 和 TE 分别是 H1 元素和 SPAN 元素的 ID。 info.txt 的内容现在只是“info”这个词（在 UTF-8 中为所有这些文件）。<script src="./script.js"></script>

在脚本 .js 中，我尝试使用 XmlHttpRequest 访问 info.txt 的内容，因为我知道这是最简单的方法。

它不起作用，我正在尝试解决可能的问题。

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if ( this.readyState == 4) {
        if (this.status == 200){
            document.getElementById("tn").innerHTML = xhttp.responseText;
        }
        else if (this.status == 0){
            document.getElementById("tn").innerHTML = "fail";
            document.getElementById("te").innerHTML = xhttp.responseText;
        }
    }
};
xhttp.open("GET", "./info.txt", true);
xhttp.send();

结果是 tn 设置为失败，te 完全为空。

由于所有文件都位于我 PC 上的同一文件夹中，因此我不认为这是“同源问题”。

我没有使用 ajax 或类似的东西，我不确定我是否应该在我的 PC 上设置任何内容以使 XmlHttpRequest 正常工作。

我正在使用Firefox。