Question

我有一个JSON文件，其中包含以下内容：

[
  {
    “name”: “Joshia \”Placement\” Fonz”,
    “color”: “white”
  },
  {
    "name": “Trin Brin”,
    “color”: “black”
  },
  {
    “name”: “Su Et”,
    “color”: “yellow”
  }
]

我想解析它以使用应用程序的数组和对象。所以'./students.json'是JSON文件的路径，我尝试了JSON.parse('./students.json')，但收到了错误Uncaught SyntaxError: Unexpected token . in JSON at position 0，并尝试了JSON.stringify('./students.json')，但它只返回了路径的确切字符串{ {1}}。

那么我可以在Javascript中解析JSON文件以使用数组吗？

谢谢

Answer 1

您应该使用ajax请求，jQuery（$）为XHR提供摘要。

$.get("./students.json", function(data){
   //success callback
   // data is the json you requested already parsed
}, "json");

是实现目标的最快方法，只要默认客户端无法从服务器读取文件，即使有file API用于客户端文件读取，但我想这是在这种情况下，它可能会为您提供比实际解决更多的问题。

File

FileReader

Answer 2

那是因为你正在解析字符串＆＃39; ./ students.json＆＃39;不是文件里面的内容。您应该打开该文件，然后获取信息。您可以使用此示例来读取文件https://stackoverflow.com/a/14446538/5334265。然后使用JSON.parse到内容。

Answer 3

JSON是一个leagal javascript，因此您只需添加到您的页面：

<script language="JavaScript" type="text/javascript" src="./students.json"></script>

如何在Javascript中解析JSON文件？

3 个答案: