НЕ МОЛЧИ!!!    Сделай что-нибудь, чтобы остановить войну России в Украине.
Иначе завтра ТЫ будешь следующим!

Функция jQuery.getJSON(параметры)

Описание функции jQuery.getJSON(параметры) AJAX загрузки данных в JSON формате.

jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] ) — динамически загружает данные в формате JSON на страницу методом GET.

Входные параметры

  • url — строка адреса, по которому посылается запрос, обязательный параметр.
  • data — данные, посылаемые на сервер вместе с запросом, параметр необязательный. Представляют собой строку или пары ключ:значение(«plain object» в терминах jQuery). Поскольку при запросе используется метод GET, то посылаемые данные добавляются к URL, как строка запроса. Если данные представлены в виде пар «ключ:значение», они преобразуются в строку и URL-кодируются перед добавлением к URL.
  • success(data, textStatus, jqXHR) — callback функция, выполняемая в случае успешного выполнения запроса. При вызове ей передаются возвращаемые данные, текстовая строка состояния запроса и объект jqXHR, реализующий AJAX запросы(детальнее об jqXHR можно узнать в описании возвращаемых параметров функции jQuery.ajax().

Возвращаемое значениеобъект jqXHR.

  Примеры использования функции getJSON()

Пример1    Очень часто при подобном запросе задают функцию обработки приходящих JSON данных, например:

$.getJSON('ajax/getstate.json', function(info) {
     $('#state').html('<p> Name: ' + info.name + '</p>');
     $('#state').append('<p>Age : ' + info.age + '</p>');
     $('#state').append('<p> Sex: ' + info.sex + '</p>');
});  

В примере могла быть загружена, например, следующая JSON строка.

{
"name": "Владимир",
"age" : "25",
"sex": "муж."
}

Пример2    Еще один пример обработки JSON данных.

$.getJSON('ajax/getJSON.php', function(data) {
  var items = [];
  $.each(data, function(key, val) {
    items.push('<li id="' + key + '">' + val + '</li>');
  });
  $(#list).append(items.join);
});

В примере при успешном завершении запроса callback функция из пришедших данных формирует список и добавляется к существующему тегу <ul> с идентификатором list.

Вернуться к содержанию рубрики AJAX запросы