AJAX: сервис-пак для Интернет

14

Больше никакой возни при серфинге! Новая технология позволяет делать веб-сайты все более быстрыми и удобными. А поместить AJAX на свою домашнюю страницу может каждый.

В Google Maps AJAX обеспечивает плавное увеличение и свободную прокрутку карты без задержек В Google Maps AJAX обеспечивает плавное увеличение и свободную прокрутку карты без задержек Lightbox – сценарий от www.huddletogether.com, позволяет загрузить изображение большого формата, не открывая новую страницу Lightbox – сценарий от www.huddletogether.com, позволяет загрузить изображение большого формата, не открывая новую страницу «Writely» – комплексный онлайновый текстовый редактор «Writely» – комплексный онлайновый текстовый редактор Существуют сайты, ускорить загрузку которых не поможет даже канал в несколько гигабит. Технология AJAX кардинальным образом способна решить эту проблему.

Эта новая технология программирования предотвращает утомительное ожидание. Ее можно встретить на все большем количестве сайтов, среди которых — ведущие мировые компании. В частности, AJAX применяется на таких популярных веб-площадках как Google Maps, Microsoft Live.com и фотосервере Flickr от Yahoo.

Возьмем в качестве примера Google Maps (http://maps.google.com). Если посетитель сайта хочет прокрутить карту, он должен кликнуть по ссылке на рамке карты и ожидать, пока загрузятся изображения для нового фрагмента. Иначе обстоит дело у Ajax-пользователя Google Maps. Ему достаточно навести указатель мыши на карту, и, держа левую клавишу мыши нажатой, можно перемещать карту как угодно — в любую сторону. В этом нет никакого волшебства, да и реализация не слишком затратна. Просто AJAX не загружает ненужные графические элементы, а лишь необходимые фрагменты карты. Они отображаются в том случае, если полностью загружены. Это делает веб-серфинг не только удобнее, но и существенно ускоряет работу, поскольку для комфортной работы требуется меньшая ширина полосы передачи данных.

Можно предположить, что столь дорогие технологии доступны лишь для крупных компаний. В действительности AJAX — массовая технология, предназначенная не только для узкого круга высокотехнологичных компаний типа Google, ведь AJAX может пользоваться каждый. Поскольку AJAX является ничем иным как ловко написанным сценарием JavaScript, он чрезвычайно эффективно сочетается с другими стандартными веб-технологиями.

Что же такое AJAX и каковы его возможности? За аббревиатурой AJAX скрывается термин «Асинхронный JavaScript и ХМЕ». AJAX формирует вебстраницы динамично, используя для этого HTML и CSS, JavaScript’s и XML. Это означает, что вместо того, чтобы после каждого клика по ссылке заново загружалась веб-страница со всеми элементами, грузится и вставляется в страницу только то содержимое, которое непосредственно и было запрошено. До сих пор подобные эффекты достигались только при помощи Flash или HTML-фреймов. Но с использованием этих техник проблематично, поскольку они работают не во всех браузерах. Flash-анимация предполагает наличие обязательного плагина, а фреймы отображаются очень по-разному в браузерах разных производителей. AJAX же функционирует во всех браузерах и не создает при этом почти никаких проблем. Дискомфорт испытают лишь пользователи, которые отключили Java.

Ключевая роль JavaScript

Главный компонент AJAX — команда JavaScript «XMLHttp Request», которая отправляет запросы для XML-данных на сервер, а также получает их. JavaScript с этой командой называется AJAX — Engine. Он осуществляет связь с сервером для клиентского браузера и действует как интеллектуальный прокси. Если кликнуть по ссылке, веб-страница сначала останется неизменной и не исчезнет полностью, как это бывало до сих пор при событиях загрузки. В фоновом режиме AJAX получит данные.

Когда они собраны, он встроит изменения в HTML-страницу, подгонит CSS-стили и обновит окно браузера. Теперь в web-страницу вводится лишь затронутая изменениями область, остальное остается без изменений и не загружается заново с сервера.

Устанавливаем AJAX на свою страницу

Основное для каждой страницы — наличие соответствующего сценария JavaScript, который нужно актуализировать. Где же его взять? На веб-сайте www.ajaxian.com есть бесчисленное множество предложений для самых невероятных запросов. С помощью простых эффектов AJAX можно легко создать анимированные меню, которые работают так же быстро, как флеш.

Применение AJAX имеет не только преимущества.

Так, кнопка «Назад» в веб-браузерах теряет свою функцию. Браузер возвращается к последнему известному адресу, но не к последнему содержанию веб-страницы, измененному AJAX. По этой же причине нельзя поставить закладки на измененные AJAX страницы. Подобная проблема не обошла и поисковики.

Поисковые механизмы не распознают содержимое, созданное сценарием AJAX. Следовательно, они не учитываются поисковиками. Тот, кто создает страницу, с учетом потребностей людей с ограниченными возможностями, также должен отказаться от AJAX. Программы, которые произносят вслух или переводят вебстраницы, дают сбои именно на динамическом содержании.

Выводы

AJAX обогатил Web. Но чтобы сделать серфинг более удобным, нужно внести изменения в браузеры и поисковики. Радует, что Google использует AJAX во многих своих проектах: Google Maps, Google Pages, Google Suggest.

Можно быть уверенным, что скоро весь Google тоже будет работать с AJAX надлежащим образом. А потом примеру Google последуют и другие ведущие игроки.

ПОДЕЛИТЬСЯ


Предыдущая статьяБезопасный поход по Сети
Следующая статьяУдобная фотокамера на каждый день
КОММЕНТАРИИ



    Загрузка...
    MEDIAMETRICS