xmlhttprequest javascript - 我在哪里放置我的 json 文件答案

【问题标题】：xmlhttprequest javascript - where do i place my json filexmlhttprequest javascript - 我在哪里放置我的 json 文件
【发布时间】：2017-02-24 00:31:55
【问题描述】：

我在我的索引文件的脚本标签中找到了这段代码

var xhr = new XMLHttpRequest();
xhr.open("GET","images.json",true);
xhr.onload = function () {
    parsedJSON = JSON.parse(this.responseTEXT);
    console.log(parsedJSON["frames"]["turn.png"]["rotated"]);
};

我已经通过我在 node.js 上的本地主机执行了它但是它不断出现 404 not found 。现在我不知道把文件放在哪里。在开发人员工具中，它显示已在http://localhost:2000/images.json 搜索我现在不知道在哪里或如何将它放在本地主机中，任何人都可以帮忙对不起，英语不好。

【问题讨论】：

我们不知道您的网络服务器是如何（甚至是否）被编程来解析路径/images.json。
案件很重要responseText
您的文件很可能与您正在使用的路径放置在与您的 HTML 页面相同的目录中。你知道对 css/js 文件的引用是如何工作的吗？是一样的。

标签： javascript json node.js xmlhttprequest localhost

【解决方案1】：

如果您使用的是Express...

尝试在与您使用 Node.js 执行的文件相同的文件夹中创建一个名为 public 的文件夹。然后，只需将该文件夹名称传递给 express.static 中间件，如下所示：

app.use(express.static('public'));

如果您现在将images.json 放入public 文件夹，express.static 会在您的脚本请求文件时找到它并将其发送到您的浏览器。

而且，正如 epascarello 所指出的，JavaScript 是区分大小写的。您需要将 responseTEXT 更改为 responseText。

【讨论】：