jQuery для начинающих. Часть 3. AJAX. Примеры
Примеры реализации работы с AJAX с использованием бибилотеки jQuery, подробное руководство смотрите на моём сайте (jQuery для начинающих. Часть 3. AJAX).
Примеры использования AJAX.
Данный метод может принимать следующие параметры:
- url - url запрашиваемой страницы
- data - передаваемые данные (необязательный параметр)
- callback - функция которой будет скормлен результат (необязательный параметр)
Пример использования:
jQuery.ajax
Данные метод принимает лишь один параметр - объект включающий в себя все настройки (выделены параметры которые стоит
запомнить):
- async - асинхронность запроса, по умолчанию true
- cache - вкл/выкл кэширование данных браузером, по умолчанию true
- contentType - по умолчанию "application/x-www-form-urlencoded"
- data - передаваемые данные строка иль объект
- dataFilter - фильтр для входных данных
- dataType - тип данных возвращаемых в callback функцию (xml, html, script, json, text, _default)
- global - тригер - отвечает за использование глобальных AJAX Event'ов, по умолчанию true
- ifModified - тригер - проверяет были ли изменения в ответе сервера, дабы не слать еще запрос, по умолчанию false
- jsonp - переустановить имя callback функции для работы с JSONP (по умолчанию генерируется на лету)
- processData - по умолчанию отправляемые данный заворачиваются в объект, и отправляются как
"application/x-www-form-urlencoded", если надо иначе - отключаем
- scriptCharset - кодировочка - актуально для JSONP и подгрузки JavaScript'ов
- timeout - время таймаут в миллисекундах
- type - GET либо POST
- url - url запрашиваемой страницы
Локальные AJAX Event'ы:
- beforeSend - срабатывает перед отправкой запроса
- error - если произошла ошибка
- success - если ошибок не возникло
- complete - срабатывает по окончанию запроса
Для организации HTTP авторизации (О_о):
- username - логин
- password - пароль
jQuery.get
Загружает страницу используя для передачи данных GET запрос. Может принимать следующие параметры:
- url - url запрашиваемой страницы
- data - передаваемые данные (необязательный параметр)
- callback - функция которой будет скормлен результат (необязательный параметр)
- type - тип данных возвращаемых в callback функцию (xml, html, script, json, text, _default)
Данный метод аналогичен предыдущему, лишь передаваемые данные уйдут на сервер посредством POST'а. Может принимать
следующие параметры:
- url - url запрашиваемой страницы
- data - передаваемые данные (необязательный параметр)
- callback - функция которой будет скормлен результат (необязательный параметр)
- type - тип данных возвращаемых в callback функцию (xml, html, script, json, text, _default)
Пример использования:
Может принимать следующие параметры:
- url - url запрашиваемой страницы
- data - передаваемые данные (необязательный параметр)
- callback - функция которой будет скормлен результат (необязательный параметр)
Пример использования:
Загружает и выполняет локальный JavaScript. Может принимать следующие параметры:
- url - url запрашиваемого скрипта
- callback - функция которой будет скормлен результат (необязательный параметр)
Пример использования:
Примеры использования JSONP.
Пример получения и обработки результатов поиска используя Google (подробнее)
Пример получения и обработки результатов поиска используя Yahoo (подробнее)