如何在javascript中使用JSON文件

时间:2011-01-28 12:29:02

标签: javascript json

首先,我是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术语相提并论。

1 个答案:

答案 0 :(得分:47)

首先,您需要一个文件句柄。你需要通过ajax或服务器端行为以某种方式获得它。

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

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

如果您使用jQuery,您也可以尝试jQuery.parseJSON进行解析。

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

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

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

});