如何在javascript中使用JSON文件

Question

首先,我是Javascript领域的新手.我有一个JSON文件,如下所示:

{"markers": [
  {
   "abbreviation": "SPA",
   "latitude":-13.32,
   "longitude":-89.99,
   "markerImage": "flags/us.png",
   "information": "South Pole",
  },

.... lots more of these in between ....

{
   "abbreviation": "ALE",
   "latitude":-62.5,
   "longitude":82.5,
   "markerImage": "flags/us.png",
   "information": "Alert",
  },
] }

我一直在做很多关于如何将这个文件带回我的脚本的研究,只是为了找到将字符串编码成JSON文件的方法.基本上,我想通过javascript读取此文件,类似这样......(我知道这不是你编码的方式)

object data = filename.json  
document.write(data.markers.abbreviation[1])

有人可以给我一个关于如何做到这一点的明确指示.请记住,我是一个新手,需要具体细节,因为我不能与javascript术语相提并论.

Answer 1

首先,您需要一个文件句柄.你需要通过ajax或服务器端行为来获取它.

您需要告诉使用文件的位置.您打算如何获得它以及您使用的服务器代码.

一旦你有你可以使用JSON.parse(string)它.如果需要支持旧版浏览器,可以包含json2.js文件.

如果你使用jQuery,你也可以尝试jQuery.parseJSON解析.

远程获取json的选项将使用 jQuery.getJSON

要加载它,您可以使用JSONP或某种类型的库具有像jQuery.ajax或等的ajax功能Ajax.Request.它可以在原始的javascript中完成,但这只是丑陋并重新发明轮子.

$.getJSON("document.json", function(data) {
    console.log(data);
    // data is a JavaScript object now. Handle it as such

});