javascript - 如何在 JavaScript 中使用 JSON 文件

标签 javascript 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 术语。

最佳答案

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

});

关于javascript - 如何在 JavaScript 中使用 JSON 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4828207/

相关文章:

javascript - 如何在 while 循环中仅显示一次文本?

javascript - 获取所选文件的文件名

javascript - 单击它时更改 div 的类?

java - 使用 Retrofit 从最内部类获取数据。帮我显示A类和B类的数据

c# - 我是否需要反序列化来自 DocumentDb 的查询结果?

javascript - Angular 2 App Testing,如何访问和操作html元素?

javascript - extjs 组合框

c# - 带有方括号格式的 XML/Json

c# - List<object> 到 List<T> 使用反射

javascript - 将树状文件目录转换为 JSON 对象