Метод jQuery getJSON

json – текстовый формат, основанный на javascript. Может использоваться практически любым языком программирования. В языке PHP (от 5.2), поддержка JSON включена в ядро в виде функций json_decode() и json_encode(), которые сами преобразуют типы данных JSON в соответствующие типы PHP и наоборот.

Метод $.getJSON() является сокращенным вариантом от $.ajax() и запрашивает json-данные у сервера без перезагрузки страницы.

jQuery

jQuery.getJSON(url,[data],[callback])

• Первый аргумент(url) – это url-адрес документа, куда отправляется запрос;
• Второй аргумент(data) – это данные, отсылаемые на сервер;
• Третий аргумент(callback(data, textStatus, jqXHR)) – это ф-я, вызываемая после ответа сервера. В качестве аргументов данная функция принимает данные отправленные сервером в ответ на запрос и статус того, как был выполнен запрос.

Более подробно на jquery.page2page.ru: Ajax_запрос_JSON-данных

Пример работы метода jQuery getJSON

Сторониий файл формата json (data.json):

[
{"name":"Michael","family":"Buster"},
{"name":" John","family":"Cutler"}
]

Запросим эти данные посредством метода getJSON и Сформируем из полученных данных html-код, который вставим в абзац:

jQuery

$(document).ready(function(){

    $(".getClick").click(function(e){

        $.getJSON('data.json', function(data){
          var it = [];
          $.each(data, function(key, val){

             $.each(val, function(key1, val1){
                if (key1 == "family")
                {
                    it.push('<span><b>'+key1 +"</b> "+val1+'</span><br/>');
                }
                else {
                    it.push(' <span><b>'+key1+"</b> "+val1+'</span> ');
                }
            });
        });

        $('<p/>', {
            html: it.join('')
          }).appendTo('.testGet');
        });

        e.preventDefault();
    })
});