如何在JavaScript中使用JSON文件

小编典典

如何在JavaScript中使用JSON文件

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行话。

阅读 336

2020-07-27

共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

});

2020-07-27