Серверные веб-технологии позволяют веб-серверу не просто возвра­щать запрошенные HTML-файлы, но и выполнять дополнительные действия, например сложные вычисления, запускать объектно-ориен­тированные программы, работать с базами данных и многое другое. Только представьте себе, какой объем данных должен обработать Ama­zon, чтобы сгенерировать индивидуальные рекомендации для каждого посетителя. Или Google, который выполняет поиск информации по ги­гантской базе данных, чтобы удовлетворить запрос. Да, технологии обработки данных на стороне сервера стали механизмом, запустив­шим революцию во Всемирной паутине, и причиной, по которой Ин­тернет в нынешнем его виде имеет такой успех. Очень важно понимать, что, независимо от происходящего на стороне сервера, клиент должен получить ответ на том языке, который ему по­нятен (что вполне очевидно), например, на языке HTML, который име­ет массу ограничений, о чем мы уже говорили. РНР - это одна из технологий, применяемых для реализации логики приложений на стороне сервера. Мы будем использовать РНР в процессе создания и изучения примеров AJAX. Тем не менее вы должны знать, что у РНР много конкурентов, таких как ASP.NET (Active Server Pages - активные серверные стра­ницы, веб-технология, разработанная в Microsoft), Java Server Page (JSP - серверные страницы на языке Java), Perl, ColdFusion, Ruby on Rails и других. Каждая из этих технологий предоставляет свои воз­можности по реализации функциональности на стороне сервера. РНР - это не только серверная технология, но и язык, на котором про­граммисты могут писать сценарии.

Обычно на стороне сервера также должен размещаться сервер баз дан­ных, который будет управлять данными. Однако даже при использовании РНР, который может выполнять сложные запросы к базе данных, зависящие от ситуации, броузер пользователя по-прежнему будет статически отображать скучные, не вызывающие интереса веб-документы. Потребность в более широких функциональных возможностях удовле­творяется отдельной категорией веб-технологий, которые называются клиентскими технологиями. Современные броузеры способны анали­зировать не только простой HTML. Давайте посмотрим как.

 

 

Различные клиентские технологии отличаются друг от друга в первую очередь способом, которым они загружаются и исполняются веб-кли­ентом. JavaScript - это язык сценариев, код которых в виде простого текста может быть внедрен прямо в страницы на языке HTML. Страни­ца HTML, запрашиваемая клиентом, может содержать сценарии Java­Script. Все современные броузеры поддерживают JavaScript и не требу­ют от пользователя установки дополнительных компонентов в систему. JavaScript - это самостоятельный язык программирования (теорети­чески он не связан с разработкой веб-приложений). Он поддерживает­ся большинством веб-клиентов на любой платформе и обладает неко­торыми объектно-ориентированными возможностями. Язык Java­Script относится к интерпретирующим и потому не годится для разра­ботки приложений с интенсивными вычислениями или драйверов устройств и должен целиком доставляться броузеру клиента для по­следующей интерпретации. Кроме того, он испытывает определенные проблемы с безопасностью, но при использовании в составе веб-стра­ниц прекрасно справляется с возложенными на него задачами. Благодаря JavaScript разработчики наконец получили возможность создавать веб-страницы с визуальными эффектами и способностью проверять правильность заполнения форм, избавив тем самым пользо­вателей от необходимости повторно загружать всю страницу (с поте­рей всех введенных ранее данных, кстати), если они забыли указать какую-либо информацию (например, пароль или номер кредитной карточки) или в случае ошибки. Однако несмотря на имеющийся по­тенциал, JavaScript никогда не применялся должным образом, чтобы сделать веб-интерфейс действительно дружественным к пользовате­лю, как в обычных приложениях. Среди других клиентских технологий, наделенных функциональны­ми возможностями, можно назвать Java-апплеты и Macromedia Flash. Java-апплеты пишутся на весьма популярном и мощном языке про­граммирования Java и исполняются виртуальной Java-машиной (Vir­tual Java Machine — JVM), которую необходимо отдельно устанавли­вать в систему. Без сомнения, Java-апплеты позволяют создавать бо­лее сложные проекты, но применительно к веб-приложениям они уже потеряли свою былую популярность, поскольку потребляют значи­тельное количество системных ресурсов. Иногда даже сам запуск их может занимать значительное время, и вообще они слишком тяжело­весны для простых и нетребовательных веб-приложений. Технология Macromedia Flash обладает весьма широкими возможно­стями по созданию графических и анимационных эффектов и факти­чески стала стандартом для разработки подобных веб-приложений. Macromedia Flash также требует установки дополнительных компонен­тов броузера. Технологии Flash становятся все более мощными, и каж­дый год появляются все новые и новые ее разновидности. Комбинируя HTML с серверными и клиентскими веб-технологиями, можно строить очень мощные веб-приложения.

 

Как говорилось в начале, любая технология существует для то­го, чтобы удовлетворять потребности рынка. А какая-то часть рынка всегда хочет предоставлять в распоряжение веб-клиентов более широ­кие функциональные возможности, без использования Flash, Java-an- плетов или других технологий, которые либо выглядят слишком ярко и броско, либо слишком тяжеловесны для решения простых задач. В по­добных случаях разработчики обычно создают веб-сайты и веб-прило­жения на основе комбинации HTML, JavaScript и PHP (или какой-ни- будь другой серверной технологии).

Подобное решение таит в себе неприятности, состоящие в том, что, ко­гда клиенту необходимо получить новую порцию данных, он вынуж­ден отправлять серверу новый запрос HTTP и повторно загружать страницу целиком, приостанавливая на время деятельность пользова­теля. Повторная загрузка страницы - это неизбежное зло в данной си­туации, а помочь нам победить это зло призван AJAX.

Название AJAX - это акроним, раскрывающийся как Asynchronous JavaScript and XML и означающий асинхронный JavaScript и XML. Если это название, на ваш взгляд, мало о чем говорит, мы согласимся с вами. Проще говоря, можно считать, что AJAX- это «JavaScript с расширенными правами», поскольку по своей сути эта технология представляет собой Сценарии на языке JavaScript, которые по мере не­обходимости в фоновом режиме выполняют запросы к серверу и полу­чают дополнительные данные, обновляя отдельные части страницы и тем самым исключая необходимость повторной ее загрузки целиком. С точки зрения перспективы AJAX обладает лучшей сбалансирован­ностью между функциональностью, реализуемой на стороне клиента, и функциональностью, реализуемой на стороне сервера, при выполне­нии действий, затребованных пользователем. До этого места функцио­нальность клиента и функциональность сервера рассматривались как отдельные части, которые работают независимо друг от друга в ответ на действия, предпринимаемые пользователем. AJAX предлагает но­вое решение - распределить нагрузку между клиентом и сервером, разрешив им общаться между собой, пока пользователь работает со страницей. Чтобы пояснить вышесказанное на простом примере, рассмотрим веб- форму, куда пользователь должен внести некоторые сведения (например, имя, адрес электронной почты, пароль, номер кредитной карточ­ки и прочее). Прежде чем эта форма поступит в распоряжение вашего приложения, она должна быть проверена. В случае отказа от примене­ния AJAX в вашем распоряжении имеются два способа проверки. Пер­вый из них заключается в том, чтобы позволить ему или ей заполнить форму и отправить ее, после чего приложение проверит правильность заполнения на стороне сервера. В этом случае пользователь будет те­рять время, ожидая загрузки новой страницы. Другой вариант - вы­полнить проверку на стороне клиента, но это не всегда возможно, если для этого потребуется передать клиенту слишком большой объем дан­ных (только представьте себе, что необходимо проверить правильность ввода названия города в соответствии с введенным названием страны). Если же AJAX применяется, то веб-приложение может проверять дан­ные, отправляя запросы серверу в фоновом режиме, по мере того как пользователь вводит их. Например, после того как пользователь выбе­рет название страны, веб-броузер может запросить у сервера список го­родов этой страны, не отвлекая пользователя от его занятия. Рассказывать, где с успехом применяется AJAX, можно бесконечно. Более точное представление о возможностях, открываемых технологи­ей AJAX, можно получить, взглянув на этот список реальных и доста­точно популярных примеров:

Таким образом, технология AJAX служит для создания более гибких и интерактивных веб-приложений. Она позволяет выполнять асин­хронные обращения к серверу, не прерывая работы пользователя и не­заметно для него. AJAX - это инструмент, который может применять­ся разработчиками для создания веб-приложений, более интеллекту­ально взаимодействующих с человеком.

Технологии, из которых coctoиt AJAX, уже реализованы во всех со­временных веб-броузерах, таких как Mozilla Firefox, Internet Explorer или Opera. Таким образом, клиент не требует установки каких-либо дополнительных модулей, чтобы иметь возможность взаимодействия с веб-сайтами, построенными на основе AJAX. В состав AJAX входят следующие компоненты:

Для организации взаимодействия клиент-сервер необходимо иметь возможность передавать данные и понимать, что за данные были пере­даны. Передача данных — это самое простое. Сценарий на стороне кли­ента, обладающий доступом к серверу (посредством объекта XMLHttpRequest), может передавать серверу пары имя-значение с помощью мето­дов GET или POST. Эти данные легко могут быть прочитаны с помо­щью любого сценария на стороне сервера. Сценарий на стороне сервера просто отправляет свой ответ по протоко­лу HTTP, но, в отличие от обычного веб-сервера, ответ должен иметь такой формат, который легко может быть разобран кодом JavaScript на стороне клиента. Мы рекомендуем формат XML, который имеет свои преимущества, заключающиеся в том, что, во-первых, он получил ши­рокое распространение и, во-вторых, существует большое количество библиотек, облегчающих работу с XML документами. Но при желании можно выбрать любой другой формат (данные могут передаваться даже в виде простого текста). Одна из известных альтернатив XML - Java­Script Object Notation (JSON — представление объектов в JavaScript). Мы предполагаем, что вы уже знакомы со всеми составными частями AJAX, кроме, разве что, объекта XMLHttpftequest, который известен не так широко.