從外部文件加載json

Question

我從未接觸過JSON，但我只需要清理一些內容，以便我可以研究如何正確解決我的問題。

我有-HTML文件-JS文件-JSON文件。 所有都鏈接在html文件中。

我的挑戰是加載JSON文件並將其中的一些值加在一起。 到目前為止，我正在努力尋找除JQuery以外的任何東西來打開它...我可以找到解析的東西，但是很多例子使用內聯代碼而我迷失了它們是在js文件還是JSON上編碼一！

我也看到了AJAX的提及，但到目前為止我對它的使用嗤之以鼻（我對JS很新）。 所以，你會建議加載它？ 我應該研究什么來獲取價值並與他們一起創造附加物？

Answer 1

加載JSON文件：

jQuery的：

$.getJSON('/my/url', function(data) {
  console.log(data);
});

非jQuery的：

request = new XMLHttpRequest();
request.open('GET', '/my/url', true);

request.onload = function() {
  if (request.status >= 200 && request.status < 400){
    // Success!
    var data = JSON.parse(request.responseText);
    console.log(data);
  } else {
    // We reached our target server, but it returned an error

  }
};

request.onerror = function() {
  // There was a connection error of some sort
};

request.send();

請注意， console.log將JSON文件的內容打印到javascript控制台。 您可以使用“data”變量執行任何操作。