12.07.2015 Views

Август - Xakep Online

Август - Xakep Online

Август - Xakep Online

SHOW MORE
SHOW LESS
  • No tags were found...

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

codingПользователь щелкает по заголовку краткой версии новостипредставление! Первым номером у нас будет jQuery Form Plugin, которыйотвечает за передачу форм с помощью AJAX. Плагин действительно важный.Он полностью воплощает идеологию jQuery — «Write less. Do more».Обработка форм практически не отличается от обычной, а в описаниеформы вообще не надо вносить изменения. Достаточно написать обработчикдля оправления формы и изменить код на сервере, чтобы ответбыл не на новой страничке, а на той же, что и форма. Это очень удобно,например, для комментариев к статьям. Клиентский код в простейшемслучае будет очень прост: надо использовать либо метод $(…).ajaxForm,либо $(…).ajaxSubmit, они имеют некоторые различия в своей работе.Хочу отметить, что плагин автоматически поддерживает работу как сJSON, так и с XML, что вкупе с вышеуказанными достоинствами делаетего очень удобным не только для написания приложений, что называется,с нуля, но и для переделки под AJAX существующих сайтов.Matrix uploadedПри программировании форм особняком стоит загрузка файлов, длякоторой можно использовать несколько плагинов. Я остановился на AjaxFileUpload прежде всего потому, что придется вносить минимум измененийв готовый код — как и в предыдущем случае, надо написать клиентскийскрипт и подделать серверный. Плагин добавляет специальный метод$.ajaxFileUpload, которому необходимо передать следующие параметры:Клиент отправляет запрос на сервер, и в правом верхнем углу включаетсяанимацияПараметры метода метод $.ajaxFileUploadurl — адрес скрипта обработчикаfileElementId — input-элемент типа file, который используетсядля загрузки файлаdataType — формат данных, например ‘json’success — функция, которая будет вызвана при успешнойпередаче данныхerror — функция, которая будет вызвана при ошибкеНа кнопку «Загрузка» необходимо повесить обработчик события по клику«return ajaxFileUpload();». Дальше в духовку на двадцать минут — и пирог готов.Табы — всему головаПлагин, созданный Клаусом Хартлом для табов, — действительно мощный(очень рекомендую ознакомиться с полной демкой у него в блоге), и онподдерживает AJAX. Прежде всего опишем табы на HTML:Приходит ответ от сервера, прекращается анимация, отображаетсяполный текст новостиИнтеграция с PHP и PerlФрагмент каскадных таблиц стилей для«Горячих новостей»CSSh2 { cursor: pointer; }#loading, .news-id { display: none; }Все, с низкоуровневыми механизмами разобрались, так что самое страшноепозади. Теперь будем использовать готовенькое – перейдем к обзоруплагинов, которые можно использовать для написания AJAX-приложений.Форма имеет значениеПосмотрим, какие плагины позволят облегчить наш нелегкий труд вебразработчиков.Все адреса плагинов (а также доков и сэмплов) можнонайти во врезке, к тому же я положу это богатство на диск. Что ж начнемPQuery — интеграция с PHPwww.ngcoders.com/php/pquery-php-and-jqueryПроект PQuery — это набор PHP-библиотек для взаимодействия с jQuery.Библиотека совместима с четвертой и пятой версией PHP. Кроме исходногокода, в PQuery в дистрибутив включена документация и демонстрационныескрипты.JQuery-1.05 — интеграция с Perlhttp://search.cpan.org/~peterg/JQuery-1.05Модуль из архива CPAN обеспечивает интеграцию не только с самой библиотекойjQuery, но и с дополнительными модулями. Имеются многочисленныедемки, а вот с доками дела обстоят хуже.118xàêåð 08 /104/ 07

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!