Описание использования AJAX технологии с помощью jQuery. Перечислены функции и методы jQuery, позоволяющие использовать библиотеку в асинхронных запросах, приведены подробные примеры использования.
В предыдущих статьях об AJAX на примере простых рабочих скриптов было показано, что освоить технологию AJAX не очень сложно. Для тех же, кто не хочет заморачиваться с низкоуровневым программированием и поддержкой различных версий множества браузеров, существует масса библиотек, облегчающих работу с этой рутиной. Одна из лучших среди них — jQuery. Давайте посмотрим, что умеет эта библиотека в части AJAX технологии.
Во-первых, стоит упомянуть, что jQuery можно скачать с официального сайта библиотеки, или подключить с сайта Google, размеcтив в разделе head Web документа следующую строку:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
В ссылке на официальный сайт намеренно указана главная страница библиотеки, а не адрес для скачивания, т.к. могут быть некоторые проблемы с совместимостью различных версий jQuery, поэтому выбор версии — за вами, кроме того, с момента написания статьи наверняка будет выпущен не один релиз библиотеки.
Ниже перечислены функции, реализующие AJAX запросы, детальное описание которых можно будет найти по ссылке.
AJAX запросы библиотеки jQuery:
- jQuery.ajax( параметры ) — динамически подгружает Web страницу с сервера на клиент
- jQuery.ajaxSetup() — используется для установки параметров низкоуровнего AJAX запроса jQuery.ajax( параметры ) по умолчанию
- .load( url, данные, вызов ) — загружает данные c сервера и встаивает его в DOM клиентской страницы.
- jQuery.get( url, данные, вызов, тип ) — загружает на клиент данные c сервера методом GET
- jQuery.post( url, данные, вызов, тип ) — загружает данные из удаленного файла методом POST
- jQuery.getJSON( url, данные, вызов ) — загружает на клиент данные c сервера в формате JSON с помощью метода GET
- jQuery.getScript( url, вызов ) — загружает на клиент и исполняет JavaScript с помощью метода GET
Первые две функции позволяют полностью управлять AJAX запросом, остальные фактически являются надстройками над основной функцией jQuery.ajax(). При выполнении запросов библиотека позволяет производить обработку событий, которые происходят во время AJAX запроса. Для этого реализованы такие функции:
Обработка событий в AJAX запросах
- jQuery.ajaxSend() — позволяет пользователю установить функцию, которая будет вызвана перед отправкой запроса
- jQuery.ajaxComplete() — позволяет пользователю установить функцию, которая будет выполнена при завершении AJAX запроса
- jQuery.ajaxSuccess() — устанавливает функцию, которая будет выполнена при удачном завершении запроса
- jQuery.ajaxError() — устанавливает функцию, выполняемую при неудачном завершении запроса. Данный обработчик не вызывается в случае кроссдоменных скриптов или кроссдоменных JSONP AJAX запросов.
- jQuery.ajaxStart() — устанавливает пользовательскую функцию, выполняемую перед началом первого AJAX запроса
- jQuery.ajaxStop() — устанавливает фукцию, которая будет вызвана после выполнения всех запросов
Примечания. Поскольку это вводная статья об использовании AJAX в jQuery, то на момент опубликования приведен лишь список функций библиотеки, некоторые могут не иметь ссылок на статьи с детальным описанием. Но по мере публикации соответствующих статей можно будет подробно ознакомиться по ссылке и увидеть примеры использования всего багажа jQuery в части AJAX технологии.