一尘不染

如何在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行话。


阅读 280

收藏
2020-07-27

共1个答案

一尘不染

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

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

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

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

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

要加载它,您可以使用JSONP或具有ajax功能的某种库,例如jQuery.ajaxAjax.Request。可以使用原始javascript来完成,但这很丑陋,并且需要重新发明轮子。

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

});
2020-07-27