从外部文件加载json

时间:2014-11-27 18:06:12

标签: javascript json

我从未接触过JSON,但我只需要清理一些内容,以便我可以研究如何正确解决问题。

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

我的挑战是加载JSON文件并将其中的一些值加在一起。 到目前为止,我一直在努力寻找除JQuery以外的任何东西来打开它......我可以找到有关解析的内容,但是很多例子都使用内联代码,而且我们是否在编写代码时输了js文件或JSON文件!

我也看到了AJAX的提及,但到目前为止我对它的使用一无所知(我对JS来说很新)。 所以,你会建议加载它? 我应该研究什么来获取价值并与他们一起创造附加物?

1 个答案:

答案 0 :(得分:9)

加载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控制台。你可以用&#34;数据&#34;做任何你想做的事情。变量