使用純Javascript Ajax從本地獲取json數據

Question

所以我知道問這個問題真是me腳，因為我花了一天的時間在這個問題上進行搜索，但沒有成功。 與其他許多人一樣，我也面臨着跨域問題。 我到處都看到的建議是更新服務器上的JSON文件或使用無法使用的本地主機，因為我的分配不允許這樣做。

我發布此問題，希望對此有其他解決方案。 我需要使用純JavasSript和Ajax從本地從JSON文件中獲取數據，這不涉及在服務器或本地主機上托管（使用絕對路徑也是一個壞主意）。

到目前為止，這是我的代碼：

function loadJSON(callback) {
  var xobj = new XMLHttpRequest();
      xobj.overrideMimeType("application/json");
      xobj.open('GET', '/json/userinfo.json', true);
      xobj.onreadystatechange = function () {
        if (xobj.readyState == 4 && xobj.status == "200") {
          callback(xobj.responseText);
        }
  };
  xobj.send(null);
}

(function() {
  loadJSON(function(response){
    var actual_JSON = JSON.parse(response);
    console.log(actual_JSON);
  })
})()

Answer 1

您將無法使用AJAX / XHR訪問本地文件。 它不是為此目的而設計的。 您可以做的就是將json數據分配到json文件中的變量中，

var data = [{

}];

然后使用如下script標簽加載json文件：

<script type="text/javascript" src="file_name.json"></script>

現在可以使用data變量訪問所有json數據。