Август - Xakep Online

codingБорис Вольфсон/ borisvolfson@gmail.com /2.02.0 в пользу программераТехнология AJAX в нашем любимом фреймворкеAJAX — эти четыре буквы стали неотделимы от идеологии Web 2.0, а библиотек для разработкиAJAX-приложений уже больше нескольких сотен. Легковесная библиотека (19 килобайт!)jQuery обеспечивает широкие возможности в этой области, а набор различных плагинов делаетее подходящим инструментом для разработки современных приложений.Ты готов?В этой статье я расскажу, как просто создавать веб-приложения с использованиемконцепции AJAX. Я человек разумный, поэтому не буду писатьс нуля, а возьму в качестве фреймворка jQuery. Почему именно его? Естьпо крайне мере две причины. Первая — это действительно качественныйфреймворк. Вторая — он не зависит от серверных технологий, поэтомуможно применять либо связку LAMP (с любым языком на стороне сервера,несколько примеров есть во врезке), либо Windows-платформу. Такимобразом, мы сможем сосредоточиться на клиентской части. По поводусерверной части оригинальничать не стану — возьму PHP, но специальныебиблиотеки для jQuery задействовать не стану, чтобы сохранилась прозрачность.В реальных проектах есть смысл использовать PQuery или писатьвспомогательный код на PHP. Для самых ленивых есть вариант еще проще:использовать CMS, которая поддерживает jQuery, например Drupal.Немного условностейХочу сразу пояснить, что я не буду приводить здесь полный код скриптов.Во-первых, за большое количество кода редактор обещал окунуть меняв чан с серной кислотой (обычно для нерадивых авторов используютсоляную кислоту, так что я насторожен). Во-вторых, все исходники есть надиске. В начале статьи я покажу, как писать скрипты на довольно низкомуровне, а затем — как работать с многочисленными плагинами. Такимобразом, мы рассмотрим почти весь спектр применения jQuery в качествеклиентской AJAX-платформы.И последнее примечание: если ты незнаком с jQuery и JavaScript, тебеможет быть немного сложновато; рекомендую почитать предыдущиевыпуски нашего журнала — в них много интересного, в том числе описываютсяосновы jQuery.Почти ассемблерДля начала разберемся, как написать все самому с нуля, на несложномпримере. Сейчас разного рода блогов и систем новостейпруд пруди. Новость (или другой материал) обычно состоит из двухчастей: анонса и основной части. Анонс, как правило, показываетсяна главной страничке или в общем списке новостей. Новостьцеликом отображается на отдельной странице. Попробуем не открыватьновые странички для каждой новости, а загружать ее полныйвариант вместо анонса. При этом вся работа будет происходитьна одной странице. Такой подход называется single page application(SPA). Он распространен именно при использовании методологииAJAX. Плюсы и минусы обсудим позже, сейчас набросаем простенькийдизайн:Новость у нас будет состоять из двух вложенных слоев:Исходный код одной новостиHTMLЗаголовок116xàêåð 08 /104/ 07