Описание функции 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 запросы