Как мне прочитать файл JSON и сохранить данные в переменных с помощью jQuery?

Question

{
   "code":100,
   "data":{
      "month":[
         {
            "yearText":"2011",
            "months":[
               {
                  "monthText":"6",
                  "days":[
                     {
                        "dayText":"13",
                        "cios":[
                           {
                              "status":"continues",
                              "start":"23:00:00",
                              "end":"23:59:59",
                              "id":12
                           }
                        ],
                        "bois":[
                           {
                              "status":"continues",
                              "start":"23:30:00",
                              "end":"23:59:59",
                              "id":12
                           }
                        ]
                     },
                     {
                        "dayText":"14",
                        "cios":[
                           {
                              "status":"continued",
                              "start":"00:00:00",
                              "end":"01:00:00",
                              "id":12
                           },
                           {
                              "status":"within",
                              "start":"11:42:14",
                              "end":"11:43:45",
                              "id":11
                           }
                        ],
                        "bois":[
                           {
                              "status":"continued",
                              "start":"00:00:00",
                              "end":"00:30:00",
                              "id":12
                           },
                           {
                              "status":"within",
                              "start":"11:42:39",
                              "end":"11:43:33",
                              "id":11
                           }
                        ]
                     }
                  ]
               }
            ]
         }
      ],
      "next":"\/attendance\/get-history\/2011\/07",
      "previous":"\/attendance\/get-history\/2011\/05"
   },
   "msg":"Attendance history of John Doe on June, 2011."
}

Мне нужно прочитать этот файл, который называется "Participance.json" и сохранить данные в виде переменных, используя jQuery.

Спасибо

Answer 1

Я не совсем уверен, что вы имеете в виду или почему вы включили тег PHP, но при условии, что файл attendance.json находится в том же домене, что и ваш JavaScript (Google "Same Origin Policy") ...

$.getJSON('attendance.json', function(data, textStatus, jqXHR) {
    // data contains your JSON object
    alert(data.code); // 100
});

Для внешнего источника данных (отдельный домен) это возможно только в том случае, если удаленный сервер поддерживает запрос JSONP.

В противном случае вы можете попробовать извлечь данные на стороне сервера (PHP)

$data = json_decode(file_get_contents('http://example.com/attendance.json'));

См. http://api.jquery.com/jQuery.getJSON/ и http://php.net/manual/en/function.json-decode.php

Answer 2

jQuery имеет метод getJSON