Часть 1. Обзор инструментальных средств и технических приемов Ajax (исходники) - .. Гэл Шакор, Иов Рубин, Лондон Шмулик, Шмуэль Каллнер. Ajax - это технология клиентских Web- приложений, объединяющая Java. Script, Cascading Style Sheets (CSS), HTML, объект XMLHttp. Request и Document Object Model (DOM). Выполняющиеся в браузере Ajax- приложения взаимодействуют с Web- сервером в асинхронном режиме и обновляют только отдельные фрагменты страницы.
Используя преимущества технологии Ajax, можно предоставлять полнофункциональный, основанный на браузере пользовательский интерфейс. Прежде чем отправиться в путешествие по Ajax, необходимо овладеть многими языками, стандартами, инструментальными средствами и библиотеками.
Огромное разнообразие вариантов организации среды разработки может поначалу ошеломить. Авторы описывают свой собственный опыт освоения, помогая избежать некоторых наиболее традиционных и досадных проблем, с которыми можно столкнуться. Ajax меняет способ работы с Web- сайтом с модели "страница по щелчку" на интерактивную модель традиционных настольных приложений. Пользователи могут избежать перезагрузок страницы и не ждать появления следующей порции содержимого. Вы, вероятно, думаете: легко сказать, но как реализовать? Для ответа на этот вопрос понадобятся некоторые знания технологий, стоящих за Ajax. Ajax - это набор следующих Web- технологий и стандартов, позволяющих использовать машину клиента не только для вывода информации, но и для выполнения (за кулисами процесса) существенной доли логики приложения.
Hypertext Markup Language (HTML): определяет содержимое, которое в конечном итоге предоставляется пользователю. Cascading Style Sheets (CSS): определяет стиль (или оформление) предоставляемого содержимого. Document Object Model (DOM): API, используемое браузером для отображения предоставляемого содержимого в Java. Script- сценарии. Сценарии могут затем использовать DOM для динамического изменения содержимого на глазах у пользователя.
. Ajax. jQuery.ajax(). Осуществляет запрос к серверу без перезагрузки
страницы. dataFilter, success и complete (их описание есть в предыдущем
. var xmlDocument = [create xml document]; $.ajax({ url: "page.php", . Ajax основан на Асинхронном JavaScript и XML. В основе технологии лежит использование нестандартного объекта XMLHttpRequest для взаимодействия Объект может, как отправлять, так и получать информацию в различных форматах включая XML, HTML и даже обычный текст. XML. HTML. CSS. Используемые в AJAX открытые стандарты строго определены и поддерживаются всеми основными браузерами. Как это делается, будет показано далее в этом кратком руководстве. Пример использования AJAX..
Объект Xml. Http. Request: обеспечивает асинхронное взаимодействие между браузером и сервером (активизируется из Java. Script- сценариев). Java. Script: язык программирования, использующийся внутри браузера и объединяющий все остальные компоненты Ajax. Сценарии могут следить за происходящими внутри браузера событиями (такими как нажатие кнопки), реагировать на них, обращаясь к серверу при помощи Xml. Http. Requests, и изменять дерево DOM- объектов, основываясь на возвращенных из браузера данных. Все эти технологии выполняются внутри Web- браузера пользователя, который выступает в роли платформы, выполняющей Ajax- программы.
При использовании Ajax важно понимать, что формирующие его технологии хотя и основаны на стандартах, однако в некоторой степени зависят от браузера; иначе говоря, одно и то же приложение может вести себя по- разному в разных браузерах. Однако, поскольку, во- первых, невозможно ограничить пользователей, рекомендуя конкретный браузер, а, во- вторых, неразумно игнорировать клиентов, использующих браузеры с неполной поддержкой CSS или DOM, создатель приложения должен понимать различия между браузерами. Чтобы стать эффективным Ajax- разработчиком, необходимо. Знать технологии, лежащие в основе Ajax- разработки.
Знать доступные исполняющие платформы и Web- браузеры. Использовать IDE, поддерживающее различные языки, используемые при разработке Ajax- приложений. Иметь отладчики и средства тестирования, доступные для различных сред и языков. Одним из лучших учебных руководств по Ajax являются серии статей "Освоение Ajax" на developer. Works, написанные Бретом Мак.
Лафлином (Brett Mc. Laughlin). В них дается обзор различных связанных с Ajax технологий, причем предполагается наличие минимальных знаний в Ajax- программировании. Если вы хотите получше разобраться в Web- архитектуре, познакомьтесь с протоколом Representational State Transfer (REST). Для начала подойдет статья "Как создать протокол REST". Завершив изучение серии "Освоение Ajax" и приступив к собственной разработке, вы столкнетесь с необходимостью получения справочной информации.
W3. Schools предоставляет интерактивную справочную информацию по базовым Ajax- технологиям (Java. Script, CSS, HTML, DOM, XML и т. Если вы используете браузер Mozilla Firefox, то можете применить дополнительные инструментальные панели (sidebars) Dev. Edge. Эти панели содержат указатели на стандарты, определяющие конкретные Ajax- технологии, позволяя обращаться к ним как к справочным руководствам. Наконец, если вы хотите держать руку на пульсе Ajax- сообщества, подпишитесь на блог Ajaxian.
Руководство по настройке модуля «Active Directory/LDAP Интегратор». To же самое действие может быть реализовано с помощью функции $.ajax(), как показано ниже: $.ajax({ url: 'a.html', type: 'GET', dataType: 'html' За подробным описанием этих и других возможностей обращайтесь к руководству 'jQuery Reference Guide' или к справочнику по. Ajax быстрый старт, руководство, введение. AJAX - это эффективный
способ совместного использования HTML, CSS, JavaScript и DOM..
innerHTML = d; } function do_get_ajax() { var form_val = document.forms[0].ge.
value; var url .
HTML5, CSS3 и javascript. Исчерпывающее руководство. 4-е изд. В этой книге вы найдете все, что необходимо знать для создания отличных веб-сайтов. Веб-мастеринг: HTML, CSS, javascript, PHP, CMS, AJAX, раскрутка..
Web- браузер является не только средой Ajax- разработки, но и отладочной средой. В своем большинстве браузеры могут быть расширены такими отладочными вспомогательными инструментами как средства просмотра дерева DOM- объектов или отладчики. В следующем разделе приведен обзор популярных браузеров. Microsoft Internet Explorer (IE).
Safari IE остается браузером, которым пользуется большинство пользователей. IE6 - это старый браузер, занимающий очень обширную рыночную нишу. В IE6 многие функциональные возможности CSS и DOM не поддерживаются или представлены в зачаточном виде.
Разработчики, использующие IE6, могут столкнуться с некоторыми из следующих известных проблем. Медленный Java. Script- интерпретатор и несовместимые реализации стандартов. Отсутствие поддержки прозрачных PNG- изображений. DOM- события: Событие может иметь одно название в Firefox и другое в IE. Порядок вызова некоторых событий различен; может существовать различный набор атрибутов для аналогичных объектов event в IE и Firefox. Более подробная информация по данной проблеме приведена в статье "Перенос приложений из Internet Explorer в Mozilla".
Не реализованы такие CSS- атрибуты как минимальная/максимальная высота, переключатели (selectors) и т. Несмотря на эти проблемы, нужно всегда помнить о том, что большинство пользователей использует именно этот браузер.
Можно также попробовать использовать различные библиотеки, например, /IE7/, исправляющие некоторые из недостатков IE6. IE7 предоставляет множество визуальных улучшений по сравнению с IE6, например поддержку закладок. Для разработчиков более важны скрытые улучшения. IE7 обеспечивает более высокую производительность Java. Script- интерпретатора и исправляет многие недостатки IE6 (например, в CSS) так, чтобы большинство совместимых со стандартами Ajax- приложений могло выполняться лишь с незначительными изменениями. С IE можно использовать следующие инструментальные средства отладки приложений. IE Developer Toolbar: предоставляет возможность более гибко управлять средой IE (кэш, куки), исследовать дерево объектов DOM, просматривать и изменять стиль элементов.
Это полезная программа при анализе сгенерированной приложением страницы (программа IE Developer Toolbar доступна для загрузки с сайта Microsoft; ). Microsoft Script Debugger: поставляется с Microsoft Office (можно также загрузить с сайта Microsoft) и позволяет помещать точки прерывания в ваш Java.
Script- код, просматривать переменные и выполнять обычные отладочные процедуры. Обратите внимание на то, что перед отладкой рекомендуется запрещать кэш через IE Developer Toolbar, в противном случае вы будете отлаживать кэшированные версии вашего кода. Можно использовать Trident, программный механизм браузера IE, для создания "новых" браузеров, таких как maxthon.
Слово "новый" взято в кавычки, потому что с точки зрения разработчика ключевые свойства браузера остаются старыми (например, его поддержка Ajax). Предупреждение: браузеры изменяются. Браузер - объект постоянных дополнений. Пользователи могут загрузить и установить блокировщики всплывающих окон, менеджеры закладок, темы пользовательского интерфейса и другие подключаемые модули. Многие из модулей могут повлиять на поведение Ajax- программ непредсказуемым образом, а такое поведение бывает очень сложно воспроизвести и, следовательно, отладить. Простым примером является ситуация, когда пользователь настроил блокировщик всплывающих окон на блокирование новых окон браузера, открывающихся из приложения.
На первый взгляд этот подключаемый модуль кажется безвредным, однако он может повлиять на приложение не очевидным образом, например, захватывая содержимое окна браузера и скрывая части приложения. Хотя к этому времени было выпущено несколько версий Firefox, в данной статье рассматривается только Firefox 2. Firefox очень широко используется разработчиками и продвинутыми пользователями, является браузером номер один для UNIX- подобных операционных систем, имеет открытый исходный код и считается вторым по популярности после IE.
Firefox имеет быстрый Java. Script- интерпретатор и очень хорошую реализацию различных Web- стандартов. Из- за его дружественности к Ajax мы настоятельно рекомендуем использовать Firefox для большей части Ajax- разработки. Как правило, многие Ajax- разработчики начинают разработку приложения в Firefox, а затем переносят приложение на другие браузеры. Firefox имеет мощный расширяемый механизм, используемый сообществом при создании большого набора вспомогательных средств для Web- разработки. Однако Firebug - самое важное из них (более подробная информация по возможностям Firebug приведена в статье "Отладка Ajax- приложений в Firebug"). Firebug является универсальным расширением, позволяющим.
Выполнять отладку Java. Script- кода с точками прерывания, мониторингом переменных и пошаговым прохождением по коду. Анализировать сетевой трафик. Анализировать и подстраивать дерево объектов DOM и CSS различных элементов. Мощь и гибкость Firebug 1.
Ajax- разработке, а также служат вескими причинами считать Firefox наиболее предпочтительным браузером для разработки. Mozilla Gecko, программный механизм Firefox, используется в нескольких браузерах (например, Camino). Эти браузеры имеют те же свойства, что и Firefox, если версии Gecko совпадают. Safari - это браузер, поставляемый с Mac. OSX (версия 3 работает также и в Windows). Хотя он заметно быстрее Firefox и IE7, в Safari отсутствует поддержка стандартов (хотя последние сборки Web.