Приднестровская поддержка XOOPS
Низкоуровневой функцией для передачи запросов AJAX является функция $.ajax(). Обратите внимание на то, что эта функция вызывается без селектора, поскольку она не применяется к объекту jQuery. Все операции AJAX выполняются глобальными функциями, не зависящими от DOM.
Функция $.ajax() принимает один аргумент — объект, содержащий параметры вызова AJAX. Если этот аргумент опущен, функция загрузит текущую страницу, не выполняя над результатом никаких дополнительных действий.
Общее количество доступных для функции $.ajax() параметров довольно велико, однако не все они рассматриваются или используются в данной инструкции. Полный список параметров можно найти по адресу http://api.jquery.com/jQuery.ajax
Список наиболее употребительных параметров приводится ниже.
■ data: Данные, которые должны быть переданы удаленному сценарию, записанные либо в виде строки запроса (key1=val1&key2=val2), либо в формате JSON ({"key1":"val1","key2":"val2"}).
■ dataFilter(data, type): Функция обратного вызова, которая позволяет выполнять предварительную фильтрацию данных и великолепно подходит для очистки данных, поступающих от удаленного сценария.
■ dataType: Описание типа данных, ожидаемых из запроса. В случае его отсутствия jQuery в состоянии делать разумные предположения относительно этого. Доступными типами данных являются "xml", "html",
"script", "json", "jsonp", и "text".
■ error(XMLHttpRequest, textStatus, errorThrown): Функция обратного вызова, которая должна выполняться в случае возникновения ошибок запроса. Аргументами функции служат объект XMLHttpRequest, строка состояния запроса и код ошибки.
■ success(data, textStatus, XMLHttpRequest): Функция обратного вызова, которая должна выполняться в случае успешного завершения запроса. Аргументами функции служат данные, возвращаемые удаленным сценарием, строка состояния запроса и объект XMLHttpRequest.
■ type: Тип отправляемого запроса. По умолчанию таковым является GET, но доступен и тип POST. Также допускается использование типов PUT и DELETE, но их правильная работа со всеми браузерами не гарантируется.
■ url: Адрес URL, по которому отправляется запрос.
Для отправки простейшего POST-запроса тестовому сценарию и загрузки результатов в абзац с идентификатором bar вполне подойдет следующий код.
$.ajax({
"type":"POST",
"url":"ajax.php",
"data":"var1=val1&var2=val2",
"success":function(data){
$("#bar")
.css("background","yellow")
.html(data);
}
});
В результате выполнения этого кода содержимое абзаца будет заменено загруженной информацией (рис. 2.22).
Рис. 2.22. Информация AJAX, загруженная из файла ajах.php
Отправитель | Нити |
---|
10 пользователь(ей) активно (4 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 10 далее... |