服务器文件在打开404,无法读取本地服务器JSON文件, 返回404错误

问题:

使用Ajax方法,读取本地的json文件, 代码如下:

var requestURL = 'superheroes.json';

var request = new XMLHttpRequest();

request.open('GET', requestURL);

request.responseType = 'json';

request.send();

request.onload = function() {

var superHeroes = request.response;

populateHeader(superHeroes);

showHeroes(superHeroes);

}

页面没有显示, console返回的错误是404

把json文件, 改成网络上的地址:

解决步骤：

1、打开控制面板, IIS服务管理器:

2、在IIS管理器左边选择我们的网站文件，在右侧选择MIME类型，双击进入。

3、进入后选择添加，会弹出添加MIME类型对话框，在文件扩展名中输入".json",在MIME类型中输入"text/json”(不要双引号).点击确认，再重启网站即可

然后再打开网页, 显示成功.