繁体   English   中英

如何在javascript中使用JSON文件

[英]How to use a JSON file in javascript

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

首先,您需要一个文件句柄。 您需要通过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

});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM