如何在 javascript 中使用 JSON 文件

IT技术 javascript json
2021-03-08 00:14: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 行话。

1个回答

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

您需要告诉 use 文件在哪里。您计划如何获取它以及您使用的服务器端代码。

有了之后就可以使用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

});
不，这只是我正在做的一个小项目，它都包含在我桌面上的一个目录中，不会发布到互联网上。
2021-04-23 00:14:02
你在运行服务器吗？文件是否位于服务器上？
2021-04-25 00:14:02
好吧，就像我说的，我刚开始学习 javascript，这对我来说是全新的 - 我试图根据我在 Java 中编程的经验。Raynos，你能不能写一些示例代码。假设您有一个名为“document”的 JSON 文件。你会怎么做才能将该文件读回 javascript？
2021-05-05 00:14:02
Raynos，我有一个使用 java 格式化的文件调用 grndstats.json。现在我正在使用 javascript，尝试在没有这种运气的情况下读取该文件，以便我可以使用它在 google 地图上播放点。
2021-05-12 00:14:02
Raynos，你愿意为它写一行代码吗？我的 jQuery.js 与浏览器和 json 文件位于同一目录中。会不会是这样的， var data = $.getJSON(grndstats.json);
2021-05-16 00:14:02
其它你可能感兴趣的问题
上一篇如何使用 Google Chrome 扩展和内容脚本重定向到 URL？ 下一篇window.opener 替代品