读取与 JavaScript 文件位于同一目录中的文件

Question

我可以加载与 JavaScript 文件位于相同相对路径的图像文件

var imgObj = new Image(); 
imgObj.src = "images/backdropLevel0.jpg";

但是我如何为文本文件做同样的事情（就像简单地使用纯 JavaScript 一样）？
（它有一些我正在开发的 webGL 游戏的初始数据）。

PS。我不是使用新的 File 对象询问来自客户端计算机的用户输入。

Answer 1

获取图像很容易，因为浏览器负责所有的获取和渲染。但是，将任意文件加载到脚本中需要多几行：

var req = new XMLHttpRequest();
req.onload = function(){
    process_webgl_data(this.responseText);
};
req.open('GET', './webgl_init.dat');
req.send();

process_webgl_data 是您想要对文件文本执行的任何操作。

编辑：两件快速的事情。请记住，请求 URI 是根据 html 文件而不是脚本来解析的，其次，这里是 XHR 的 documentation。