如何在Javascript中解析JSON文件？

Question

I have a JSON file which contains the following:

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

And I would like to parse it to use the array and objects for the application. So './students.json' being the path for the JSON file, I attempted JSON.parse('./students.json') but got an error Uncaught SyntaxError: Unexpected token . in JSON at position 0 Uncaught SyntaxError: Unexpected token . in JSON at position 0 , and tried JSON.stringify('./students.json') but it simply returned me the exact string of the path './students.json' .

So can I parse the JSON file in Javascript to use the array?

Thank you

Answer 1

You should use an ajax request for that, jQuery ( $ ) provides an abstraction for XHR .

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

Is the fastest way to achieve your goal, as long as by default client side is not able to read a file from the server even if there are file API for client-side file reading but I guess that in this case it may provide you more problems than it actually solve.

File

FileReader

Answer 2

That's because you are parsing the string './students.json' not what is inside the file. You should open the file and then take the info. You could use this example to read the file https://stackoverflow.com/a/14446538/5334265 . Then use JSON.parse to the content.

Answer 3

JSON是一种实用的javascript，因此您只需将其添加到页面即可：

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