从外部文件加载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”变量执行任何操作。