javascript - 从站点文件加载文本文件

Question

我需要在js中加载一个文本文件，该文本文件与.js文件位于同一目录中。

我找到了这段代码

var file = new XMLHttpRequest()
file.open("GET", "file.txt", true)
file.send()

file.onreadystatechange = function () {
    if (file.readyState == 4 && file.status == 200) {
        console.log(file.responseText)
    }
}

但是如果我在本地打开我的网站(“file:///C:/site.html”)，这不起作用

如果文本在本地运行，我如何加载它？ (不使用 JQuery)

编辑

我不想使用 JQuery，但这些是使用 JQuery 的一些问题。

"Ajax in Jquery does not work from local file "或者“Jquery load() only working in firefox?”

Answer 1

网络浏览器的安全策略不允许获取文件资源。但是，您可以使用 JSONP 来规避此问题:

var tag = document.createElement("script");
tag.src = 'filename.txt';

document.getElementsByTagName("head")[0].appendChild(tag);
function callback (data) {

}

您需要 filename.txt 如下所示:

callback('<text-file-content>')