Как использовать JSON файл в 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",
  },
] }

Я много исследовал, как вернуть этот файл в свой script, чтобы найти способы кодирования строк в файлы JSON. В принципе, я хочу прочитать этот файл через javascript, что-то вроде этого... (я знаю, что это не то, как вы кодируете)

object data = filename.json  
document.write(data.markers.abbreviation[1])

Может кто-нибудь, пожалуйста, дайте мне четкую инструкцию о том, как это сделать. Помните, что я новичок и нуждаюсь в специфике, так как я не согласен с javascript-жаргоном.

Ответ 1

Сначала вам нужен дескриптор файла. Вы должны получить его как-то либо через ajax, либо через поведение на стороне сервера.

Вам нужно указать, где находится файл. Как вы планируете его получить и какой код сервера вы используете.

После этого вы можете использовать JSON.parse(string). Вы можете включить файл json2.js, если вам нужно поддерживать старые браузеры.

Если вы используете jQuery, вы также можете попробовать jQuery.parseJSON для разбора.

Опция для удаленного доступа к json будет использовать jQuery.getJSON

Чтобы загрузить его, вы можете использовать JSONP или какую-то библиотеку с функциональностью ajax, например jQuery.ajax или Ajax.Request. Это можно сделать в необработанном javascript, но это просто уродливо и изобретать колесо.

$.getJSON("document.json", function(data) {
    console.log(data);
    // data is a JavaScript object now. Handle it as such

});