Главная страница   /   14. Использование Ajax: часть I (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

14. Использование Ajax: часть I

Ajax обозначает асинхронный JavaScript и XML, но в наши дни это слово является полноценным само по себе. Ajax позволяет асинхронно делать запросы на сервер, то есть вкратце, ваш запрос происходит на заднем фоне и не мешает пользователю взаимодействовать с вашим HTML документом. Наиболее распространенное использование для Ajax – это отправка данных с элемента form. Преимущество этого заключается в том, что браузеру не нужно загружать новый документ, чтобы отобразить ответ сервера, и вы можете использовать стандартные функции jQuery, чтобы без проблем отобразить данные внутри документа.

Поддержка Ajax, которая будет использоваться в этой главе, встроена в основную библиотеку jQuery, хотя я еще кратко опишу в конце главы полезный плагин. jQuery не переделывает Ajax, скорее делает существующий браузерный Ajax API проще в использовании.

В этой главе я собираюсь рассказать о сокращенных и удобных методах Ajax. Это простые методы, которые делают использование Ajax относительно быстрым и простым. В главе 15 я опишу низкоуровневый jQuery Ajax API, на котором базируются эти методы. Однако, как вы увидите, низкоуровневый API не совсем низкоуровневый, и вы им пользуетесь в основном тогда, когда сокращенные и удобные методы делают не совсем то, чего вы хотите. В таблице 14-1 представлено краткое содержание этой главы.

Таблица 14-1: Краткое содержание главы
Задача Решение Листинг
Выполнить асинхронный HTTP GET запрос Использовать метод get 1, 2, 3
Обработать данные, полученные по Ajax запросу GET Добавить функцию в метод get 4
Выполнить Ajax запрос в ответ на действия пользователя Вызвать метод get внутри обработчика событий 5
Запросить данные JSON на сервере Использовать метод get и получить объект в аргумент функции 6, 7
Послать данные на сервер как часть запроса GET Добавить JavaScript объект как аргумент методу get 8
Выполнить асинхронный HTTP POST запрос Использовать метод post 9, 10
Отправить данные не из формы POST запросом Добавить любой JavaScript объект как аргумент методу post 11
Переписать тип данных, указанный сервером, в ответ на Ajax запрос Добавить ожидаемый тип в качестве аргумента методам get или post 12, 13
Избежать наиболее общих ловушек Ajax Не обращаться с запросами Ajax так, как будто они синхронны 14
Использовать удобные методы, чтобы сделать GET запросы для указанных типов данных Использовать методы load, getScript или getJSON 15, 16, 17, 18, 19
Просто включить Ajax для элементов form Использовать плагин Ajax Forms 20

14.1. Использование сокращенных методов Ajax

14.2. Избежание наиболее распространенных ловушек Ajax

14.3. Использование методов для определенного типа данных

14.4. Использование Ajax плагина для форм

14.5. Резюме