Ajax

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

Как пользоваться Ajax объектом

AJAX (Asynchronous JavaScript and XML) - термин, который не так давно вошел в лексикон создателей WEB-приложений. Он означает целую совокупность технологий, объединяемых в рамках одного интерфейса и позволяющих отправлять запросы без перезагрузки страницы. В этой статье мы рассмотрим одну из составляющих AJAX-приложений, а именно JavaScript-объект, генерирующий запросы. Вникать в принцип его работы необязательно, достаточно скопировать код в отдельный файл и при необходимости использовать. Для тех кто решил разобраться в работе самого объекта оставлены некоторые комментарии в коде.

Наиболее эффективное использование асинхронных обратных вызовов

Основной проблемой при работе с асинхронными источниками данных является то, что… они не синхронны. В частности, данные, пересылаемые по протоколу HTTP, могут поступить значительно позже, чем предполагалось, время обработки запросов может превысить тайм-аут или же они могут просто завершиться неудачно. Ненадежность является аспектом работы через любой протокол уровня TCP, но приложения Ajax могут быть так же зависимы по данным от нескольких серверов, которые необходимы для работы единого Web-приложения.

Ajax без визуальных эффектов или обучение за 1 день

Как и все, начав разбираться с Ajax, с утра накачал себе с интернета куча разных примеров и стал применять на себя.

Начинаем работать с Ajax

В 2005 году начала набирать популярность сравнительно новая технология, называнная Ajax. Название Ajax происходит от Asynchronous JavaScript and XML. В двух словах это использование нестандартного XMLHttpRequest объекта для взаимодействия с серверными сценариями. Он может отправлять и принимать информацию в различных форматах, включая XML, HTML и текстовые файлы.

Modalbox — создаем диалоговые окна

Modalbox — библиотека на prototype и script.aculo.us для создания диалоговых окон и мастеров, обьем ее кода всего 10кб. На мой взгляд это настоящий атрибут веб два нольности. Modalbox работает в IE6, IE7, Firefox 1.0, 1.5, 2.0, Safari, Camino, Opera 8 и 9. Вот так выглядит окно мастера созданного с помощью modalbox:

Прямые ссылки на AJAX веб-сайтах – наша технология Fullajax Direct Link

Приветствую всех читателей. Популярность AJAX такая, что это, по сути, уже стандарт де-факто для многих проектов. Хотя, как и все технологии (особенно, новые и/или модные), она часто применяется (чего уж грех таить) и там, где без нее не обойтись, и там, где вполне можно, а зачастую и нужно. Впрочем, сегодня речь пойдет о другом.

TaffyDB - СУБД для AJAX приложений

Если вы разработчик AJAX приложений или интерфейсов, то вам это окажется полезным. Если приходится хранить некоторые достаточно обьемные данные в структурированном виде на стороне клиента, то каким образом это оптимально сделать?

jQuery News Slider - скользящие новости

News Slider - это небольшой, но интересный плагин к JavaScript-библиотеке jQuery, который позволяет управлять отображением большого количества новостей на сайте при ограниченном пространстве для их демонстрации. Нам потребуется подключить в раздел HEAD страницы только два файла: библиотеку jQuery jquery-1.2.3.js и файл плагина jquery.accessible-news-slider.js

jQuery Autocomplete: автозаполнение

Если Вы пробовали что-то найти в Google, то наверняка знаете, что после ввода символа в текстовое поле появляется выпадающий список, который содержит десяток строк со словами, начальные символы которых совпадают с теми символами, что Вы уже успели ввести. Так работает Google Suggest. Почему бы не сделать так же на своем сайте? Ведь это удобно. К тому же с библиотекой jQuery это не так уж и сложно... © Gennady

jQuery: datepicker - календарь для выбора дат

Эту штуку можно часто встретить, когда сталкиваешься с заполнением форм, там где требуется ввести дату или диапазон дат в нужном формате. Пользователь, он же обязательно ошибется и введет дату не в том формате, потом будет соображать, где ошибка, а потом и вовсе уйдет, не заполнив форму... Вот для того, чтобы сделать выбор даты очень простым и удобным и предназначен этот UI jQuery. Календарь, или что точнее datepicker.

jQuery File Tree - браузер файлов на jQuery

jQuery File Tree - это AJAX браузер файлов написанный на jQuery. Он полностью конфигурируемый, легок в установке и настройке. Внешний вид изменяется простым редактированием CSS. jQuery File Tree работает во всех браузерах, поддерживаемых jQuery. Он также полностью протестирован в Internet Explorer 6 / 7, Firefox 2, Safari 3 и Opera 9.

Несколько вещей об Ajax, которые должен знать веб-мастер

AJAX (от англ. Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — это подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся более быстрыми и удобными.

ExtJS 2.2 - полная поддержка Firefox 3, новые виджеты и другие нововведения

Приветствуем наших читателей. Что-то в последнее время много новостей и я даже не успеваю все отобрать и написать о самых интересных технологиях и продуктах. А ведь ещё и работать иногда надо. Но мимо этой новости мы просто не могли пройти - ведь AJAX и ExtJS как его наглядное воплощения это наша основная технологическая платформа. А буквально вчера вышла следующая версия в текущей ветке 2.х - 2.2 Что же там нового, полезного и интересного мы сейчас и рассмотрим.

9 правил для начинающего Ajax-разработчика

Эти девять правил несложны, никаких кусков кода — только общие советы начинающим Ajax-разработчикам. Крайне вольный перевод 9 AJAX Tips & Tricks.

jQuery для JavaScript-программистов

Когда jQuery увидела свет в январе 2006, я подумал: «очередная красивая игрушка». Выбор CSS-селекторов в качестве базиса было, конечно, изящной идеей (подробнее о ней в моей заметке getElementsBySelector), но использование цепочек преобразований выглядело немного замысловато, и сама библиотека, по-видимому, не покрывала всех возможных случаев. Я расценивал тогда jQuery только как временное и проходящее решение.

Обзор нового релиза самой мощной Ajax библиотеки — Dojo Toolkit 1.2

Хотя наш обзор немного запоздал, оригинальный Dojo 1.2 вышел в релизной версии ещё 6-го октября, но сейчас мы наверстаем упущенное. И так, Dojo Toolkit — это самая мощная и гибкая ajax-библиотека из всех, что есть на рынке, она активно развивается и имеет большое комьюнити. Кстати, это самое комьюнити, совместно с компанией Sitepen, имеет ещё несколько проектов, среди которых и Cometd и некоторые другие, не менее интересные, о которых мы скоро вам расскажем. Сегодня же все внимание на флагманский продукт — Dojo 1.2.

Подгрузка через AJAX HTML-кода, содержащего JavaScript

При разработке CMS S.Builder наша команда активно использовала AJAX. Теперь вот решили поделиться накопленным опытом. Начнем с этого хабратопика. Не буду здесь затрагивать различные фреймворки и библиотеки. Свой код всегда роднее. Для работы с AJAX-ом в S.Builder написана библиотека sbAJAX. Можете качать и пользоваться :). В этом файле есть функция sbEvalJS. Для тех, кто не знает, объясню. При подгрузке через AJAX и вставке на страницу HTML-кода, содержащего JavaScript, JavaScript выполняться не будет или полезут баги. Эта функция как раз решает поставленную задачу.

Ajax+php Начало

Аякс (AJAX) это довольно просто, на много проще, чем кажется на первый взгляд. Сногсшибательный эффект от его применения повергает многих в уныние - мол мне так никогда не сделать.

Полезная особенность JQuery

В одном из проектов у меня возникла следующая задача: на странице имеется несколько выпадающих списков, содержимое которых подгружается с помощью ajax и зависит от выбранного значения в другом выпадающем списке (назову его «главным»). Запуск ajax запросов происходит при событии change главного выпадающего списка.

Создаем Ajax форму с базой данных, валидацией полей, E-mail-уведомлениями и капчей за 5 минут

Мы предлагаем ни много ни мало — создавать с нашей помощью Ajax-формы любой сложности с валидацией полей, капчей и прочими опциями, такими как, например, возможность модерации добавленной записи, установка e-mail'а, на который будут отправляться уведомления о заполнении формы и многими другими.

Основы технологии AJaX

Создание сайтов всё чаще и чаще подразумевает использование технологии AJaX (асинхронный яваскрипт и XML).

АJAX. Не повторяйте ошибок

AJAX (Asynchronous JavaScripting and XML) стремительно притягивает интерес веб-разработчиков к использованию определенного инструментария - конкретного набора технологий, с помощью которого (по мнению большинства) закладывается новый этап развития веб-приложений. Этот набор включает в себя (X)HTML, CSS, DOM, JavaScript, XML, XSLT, XMLHttpRequest и как альтернативу к XML/XSLT возможно использовать JSON и JSON-RPC.

AJAX? Atlas!

Похоже, в мире программирования для веб намечается новый прорыв. И имя ему – AJAX.

Ajax Master-detail

При разработке веб-приложений, отображение информации вида master-detail становится зачастую головной болью. Это особенно касается тех случаев, когда на странице со сложной структурой, отображающей достаточно много "тяжелой" информации (возможно, "поднятой" из многих источников) требуется, чтобы при выборе значения из ниспадающего списка, другой элемент управления среагировал каким-то локальным образом. Например, Label отобразил бы детальное описание выбранного элемента. Или же другой список перезаполнился новыми значениями. Отсылка всей страницы обратно на сервер - это сложный и логически-неверный в данном случае процесс, отнимающий как трафик (считаем размер самой страницы и зачастую монструозный по объемам ViewState), так и увеличивающий нагрузку на сервер (вспомним весь жизенный цикл страницы, инициализацию всех объектов и т.д.).

Взаимодействие с жизненным циклом страницы

Итак, запись в таблице отредактирована, осталось её сохранить. Первое, что приходит на ум - это целиком AJAX решение, когда данные собираются из редактируемой строки DataGrid, отправляются на сервер, и в случае успеха клиентская PostBack функция перерисовывает строку таблицы уже только для просмотра. Однако, если первая часть этой идеи не вызывает никаких трудностей, то перерисовка таблицы ставит несколько вопросов. Во-первых, для общего случая нужно найти способ получить с сервера представление ItemTemplate каждого элемента управления в редактируемой строке, т.е. как отображаются колонки в режиме просмотра. Далее полученным с сервера данным вместе с представлением найти соответствующие места на странице куда всё это вставить. И произвести вставку.


Страницы: 12