当前位置: 首页 > 面试题库 >

如何在JavaScript中使用JSON文件

公西天逸
2023-03-14
问题内容

首先,我是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中使用laravel json响应的正确方法是什么 SyntaxError:无效的属性id var所有城市=[{

  • 问题内容: 我正在尝试使用javascript从JSON文件中提取元素,但是却收到一条错误消息,提示它无法加载JSON文件。 这是我的代码如下所示: 这是控制台吐出的错误: 问题答案: d3.json用于通过HTTP加载数据。正如@Quentin所说,您可以设置一个本地服务器来通过HTTP提供数据。 对于这样的开发,我使用firefox,它在处理本地跨源请求时似乎比chrome更宽容。或者,您可以

  • 问题内容: 我有json文件,并且在此文件中是一些json编码的数据。 我想在文件中获取此数据并在JavaScript中处理该数据。但是不知道如何在.html文件中连接connect.json文件? 请告诉我。这是我的 json 文件: 考虑到我正在从服务器获取json文件,如何在html中使用该文件,以便可以在html页面的表中显示数据。我正在使用JavaScript解析json文件。我是这个领

  • 问题内容: 例如,我有一个具有以下内容的文件: 将另一个对象推入此数组以使文件看起来像的JavaScript代码是什么 我要问的原因是我在网上找到了很多有关如何使用AJAX从.json文件中提取数据的信息,但没有使用AJAX将新数据写入.json文件以用其他数据更新.json文件。 任何帮助,将不胜感激! 问题答案: 您必须清楚“ JSON”的含义。 某些人错误地使用术语JSON来指代简单的旧Ja

  • 问题内容: 我有一个HELM值文件,如下所示: 还有一个相应的模板文件,它将获取此值并将其作为环境变量插入到容器中。 但是,当我运行头盔安装时,出现以下错误: 指向该行: 我相信我尝试将json字符串解析为多行环境变量的方式存在问题吗?ENVIRONMENT’dev’变量可以完美工作,而同一个YAML也可以与docker- compose完美工作。 问题答案: spring云数据流的文档中有一个类

  • 问题内容: 我正在使用一个向服务器上的PHP脚本发出POST ajax请求的应用程序。该脚本将查询数据库并以数组形式返回记录行。(每行一个数组,其中包含id,title等元素)。然后,我想使用对该数组进行编码,并将其传递回javascript,它将使用它来显示记录。 1)如何将JSON编码的字符串返回给javascript?2)javascript将如何遍历行并访问其字段? 问题答案: 要使用jQ