無法讀取本地服務器JSON文件, 返回404錯誤

問題: 

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

<scrip>

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);
}

<\scrip>

頁面沒有顯示, console返回的錯誤是404

 

 

把json文件, 改成網絡上的地址: 

var requestURL = 'https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json'

顯示是成功的. 在localhost直接打開json文件, 也是顯示服務器返回404錯誤.

 

解決步驟：

1、打開控制面板, IIS服務管理器:

 

 

 

2、在IIS管理器左邊選擇我們的網站文件，在右側選擇MIME類型，雙擊進入。

 

3、進入后選擇添加，會彈出添加MIME類型對話框，在文件擴展名中輸入".json",在MIME類型中輸入"text/json”（不要雙引號）.點擊確認，再重啟網站即可

 

然后再打開網頁, 顯示成功.