Алексей Мичурин

Разговоры о новой веб-технологии Ajax начались в кругах специалистов примерно год назад, хотя ждали её уже давно. А после того, как Ajax взяли на вооружение такие веб-гиганты, как google и gmail, технологией стали интересоваться практически все: от руководителей крупных проектов до начинающих веб-мастеров.

Можно ли описать целую технологию в журнальной статье? Наверно, нет. Но нам повезло, ведь...

...Ajax – это не технология

Удивлены? Давайте разберёмся, из чего же складывается Ajax.

Это смесь технологий, которые уже всем хорошо знакомы:

n  CSS (Cascading Style Sheets) – набор средств для описания внешнего вида HTML-конструкций.

n  DOM (Document Object Model) – формальное представление HTML- или XML-документа, позволяющее управлять его элементами: создавать, удалять, изменять свойства.

n  JavaScript – язык – двигатель первых двух технологий.

Знакомое сочетание? Конечно! Это пресловутый DHTML. Ajax дополняет DHTML всего одной возможностью – обращаться к серверу по HTTP и обрабатывать полученный запрос.

Это в корне меняет дело. DHTML способен «оживить» страницу, но он может оперировать только с теми данными, которые были загружены вместе со страницей. Ajax позволяет разработчику обратиться к серверу, получить новые данные и, пользуясь уже существующими возможностями DHTML, интерпретировать эти данные и изменить страницу. При этом перезагрузки страницы не происходит, новые данные «подкачиваются» на уже открытую страницу.

Эту новую возможность должно отражать и само название Ajax – сокращение от Asynchronous JavaScript and  XML.

Описать CSS, DOM и JavaScript в одной статье, конечно, невозможно, но вот рассмотреть то, что отличает DHTML от Ajax, вполне реально. Этим мы и займёмся. Для рассмотрения предлагаю конкретный пример.