如何在 JavaScript 中使用 JSON 文件答案

【问题标题】：How to use a JSON file in javascript如何在 JavaScript 中使用 JSON 文件
【发布时间】：2011-01-28 12:29:02
【问题描述】：

首先，我是 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 行话。

【问题讨论】：

标签： javascript json

【解决方案1】：

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

你需要告诉用户文件在哪里。您打算如何获取它以及您使用的服务器端代码。

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

如果你使用 jQuery，你也可以尝试jQuery.parseJSON 来代替。

远程获取 json 的一个选项是使用 jQuery.getJSON

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

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

});

【讨论】：

好吧，就像我说的，我刚开始学习 javascript，这对我来说是全新的——我正在尝试基于我的 java 编程经验。 Raynos，你能不能写一些示例代码。假设您有一个名为“文档”的 JSON 文件。你会怎么做才能将该文件读回 javascript？
您在运行服务器吗？文件是否位于服务器上？
不，这只是我正在做的一个小项目，它全部包含在我桌面上的一个目录中，它不会发布到互联网上。
Raynos，我有一个文件调用 grndstats.json，它是使用 java 格式化的。现在我正在使用 javascript，尝试读取该文件没有这样的运气，这样我就可以用它在谷歌地图上播放点。
Raynos，你愿意为它写一行代码吗？我的 jQuery.js 与我的浏览器和 json 文件位于同一目录中。会不会是 var data = $.getJSON(grndstats.json);