Javascript.RU

Ajax и Rich Client

Update: Более новый материал по этой теме находится по адресу https://learn.javascript.ru/ajax-intro.

Как правило, AJAX используется не сам по себе, а вместе с разными javascript-красивостями, которые помогают делать интерфейс не только быстрым, но и удобным.

Плюсы очевидны:

  • AJAX - это уже javascript, почему бы не добавить еще javascript?
  • AJAX не перегружает страницу, значит
    • Не нужно перегружать жирные интерфейсы
    • Не надо запоминать состояние интерфейса для открытия в том же виде после перезагрузки страницы

Посмотрим на некоторые примеры Rich Client.

Rich - переводится как "богатый". Богатый, в первую очередь, инструментами, средствами ввода-вывода.

  • Меню
  • Drag'n'drop
  • Работа с выделением
  • ...

Client - означает, что приложение является клиентом, т.е отделено от сервера.
В нашем случае это означает, что клиент исполняется на браузере и взаимодействует с сервером при помощи технологии AJAX..

На организацию Rich Client в интернет дополнительно накладываются серьезные ограничения.

Очевидно, они требуют внутренней обработки ошибок коммуникации и лагов. Есть и еще одно, более важное, следствие для интерфейса.

Хороший интерфейс должен отвечать на интуитивно понятном уровне. Как правило, это реализуется через моделирование событий реального мира, когда пользователь "нажимает", "открывает" или "перелистывает" что-либо. При этом реакция на действие видна тотчас же.

В десктоп-приложениях этот принцип соблюдается.

Веб-интерфейс должен учитывать задержки, ошибки и делать по возможности интуитивно понятными и их тоже.

JavaScript - далеко не самая производительная платформа. Ее реализации различаются от браузера к браузеру, имеют свои особенности и ошибки.

Кросс-браузерные несовместимости, как правило, решаются созданием специализированных библиотек. Однако, такие библиотеки занимают место и снижают производительность, поэтому их часто не используют для простых приложений.

Хотя библиотеки и кушают ресурсы, но предоставляют много готовых графических компонент Rich Client, которые обычно называют "вИджетами" (ударение на первый слог).

Также библиотеки предоставляют "красивости" - анимационные эффекты. Вот, например, несколько примеров с использованием библиотеки ExtJS


Двигаем мышой голубую рамку.

Модальное окно Yes/No/Cancel.

Бесконечное дерево

Вы, наверняка уже встречали и другие виджеты, вроде текстового редактора наподобие MS Word, выпадающих менюшек и т.п.

Rich Client + AJAX = быстрый и удобный интерфейс!


Автор: Гость (не зарегистрирован), дата: 29 июля, 2008 - 10:26
#permalink

> а вместе с разными avascript-красивостями

исправьте, пожалуйста.


Автор: Илья Кантор, дата: 29 июля, 2008 - 16:16
#permalink

Спасибо, исправлено


Автор: Гость (не зарегистрирован), дата: 8 августа, 2008 - 11:45
#permalink

Масштабирование изображения с сохранением пропорций
Дерево(Rich Client) + динамическая подгрузка(AJAX)

Запустить не удалось. Броузер Опера 9.51


Автор: Илья Кантор, дата: 8 августа, 2008 - 23:42
#permalink

Да, этот виджет не работает в Opera. Попробуйте Firefox.

Пример носит иллюстративный характер.


Автор: Гость (не зарегистрирован), дата: 24 августа, 2008 - 10:15
#permalink

> Не надо запоминать состояние интерфейса для для открытия в том же виде после перезагрузки страницы

надо. на случай перезагрузки браузера.


Автор: Гость (не зарегистрирован), дата: 29 августа, 2008 - 15:45
#permalink

опера 9.52 нет масштабирования и дерева


Автор: Илья Кантор, дата: 29 августа, 2008 - 16:21
#permalink

Эти примеры носят иллюстративный характер. Используйте FF/IE для просмотра..


Автор: MikhailGirshberg (не зарегистрирован), дата: 22 июля, 2010 - 09:54
#permalink

Продолжение кроссбраузерной феноменологии:

IE6
считает, что на странице ошибки.
Виджеты не работают. По refresh-у вообще не всё грузится.
FF, GC
работают.
Opera (9.6.4)
не работают масштабирование и дерево.

Контраст с пафосом "Используйте библиотеки, чтобы не было кроссбраузерных проблем" портит впечатление от правильной статьи.


Автор: twolf, дата: 12 октября, 2008 - 11:29
#permalink

хорошо бы добавить ссылку на большее количество примеров. Ext действительно очень функциональная вещь.
http://extjs.com/deploy/dev/examples/samples.html


Автор: Aleks, дата: 12 октября, 2008 - 12:10
#permalink

Главное не переборщить с эффектами, чтобы к концу разработки приложения не получилось так, что оно мало того что педалит, так ещё и эффекты глючат.


Автор: Гость (не зарегистрирован), дата: 21 октября, 2008 - 08:59
#permalink

А у меня Опера 9.27 и все работает. Проверьте Ява включена ли.


Автор: alexKniaz, дата: 28 октября, 2008 - 20:26
#permalink

Ява или JAvasCRIPT?


Автор: rudolf14, дата: 9 января, 2009 - 19:34
#permalink

а где можно изучить AJAX!
дайте адрес книги пжл!


Автор: Falcon, дата: 26 октября, 2009 - 03:06
#permalink

я читал в книге В.Дронова "JavaScript и Ajax в Web-дизайне."
книгу в целом рекомендовть не могу(много в ней лишнего) но AJAX рассмотрен неплохо, хоть и кратко. и не начинайте читать про применения AJAX с помощью jsбиблеотек.. сначало очень полезно ознокомится с AJAX на чистом js.
успехов.


Автор: Гость (не зарегистрирован), дата: 16 июля, 2012 - 00:09
#permalink

Я считаю лучше начинать с JQuery AJAX, потому что чистый AJAX довольно мутный и портит первое впечатление. А с JQuery им пользоваться легко. Соответственно сначало надо немного освоить JQuery.


Автор: Гость (не зарегистрирован), дата: 18 января, 2009 - 00:43
#permalink

*Не надо запоминать состояние интерфейса для для открытия*
может одного *для * хватит? )


Автор: dyadya, дата: 24 апреля, 2009 - 17:50
#permalink

Ув. Илья! Я бы рекомендовал Вам поставить блок

Опечатка?
Нашли опечатку в материалах сайта? Выделите и нажмите Ctrl-Enter!

прямо перед "Отправить комментарий" дабы внимательный народ не демонстрировал свою грамотность и наблюдательность в комментариях.

Спасибо за прекрасный сайт!


Автор: Илья Кантор, дата: 25 апреля, 2009 - 22:34
#permalink

Хороший совет, так и сделаю.


Автор: loz, дата: 19 декабря, 2010 - 12:11
#permalink

Хотел бы знать мнение автора по поводу javascript-библиотек, я использую, в основном dojo, иногда jquery, ну вот очень много в последнее время наталкиваюсь на extjs, все его хвалят и т.д. Как Вы считаете какой лучше фреймворк подходить для создания сайтов, которые будут побольше чем просто визитка???


Автор: blessmaster, дата: 31 декабря, 2010 - 00:08
#permalink

Любопытно, на сколько сантиметров сайты больше чем визитка? ))


Автор: Гость (не зарегистрирован), дата: 28 марта, 2011 - 22:27
#permalink

Блин, а можно под каждым примером хотя бы чуточку исходного кода с объяснениями, а то простите вы ради чего это выложили? чтобы слюнки все пускали?
Если да, то вы очень вредный человек господин Илья Кантор


Автор: Гость (не зарегистрирован), дата: 24 июня, 2011 - 06:06
#permalink

Статья хорошая токо где коды примеров


Автор: kovewnikov (не зарегистрирован), дата: 4 февраля, 2012 - 14:49
#permalink

Подскажите, где можно почитать про архитектуру rich-client интерфейсов, как проектировать связи сущностей таких элементов управления и т.п.


Автор: Skvor, дата: 18 декабря, 2013 - 13:17
#permalink

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

-а в сложных, браузеры ваще начинают тормозить так, что посетитель плюётся в монитор и закрывает страницу


Автор: Zenitchik, дата: 21 января, 2014 - 20:49
#permalink

Это Вы зря. Большое приложение - это большая работа. И оптимизация для скорости работы - это отдельный этап, на который выделяются десятки часов.


Автор: temple run (не зарегистрирован), дата: 7 мая, 2019 - 12:46
#permalink

I have read your article, it is very informative and useful for me. I admire the valuable information you provide in your articles. Thank you for posting it.Temple run


Автор: johnsss (не зарегистрирован), дата: 31 декабря, 2019 - 22:41
#permalink

nice post, keep up with this interesting work. It really is good to know that this topic is being covered also on this web site so cheers for taking time to discuss this!

youtube downloader online


Автор: regiye (не зарегистрирован), дата: 27 января, 2020 - 13:31
#permalink

This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.


Автор: regiyef (не зарегистрирован), дата: 27 января, 2020 - 13:33
#permalink

Excellent article. Very interesting to read. I really love to read such a nice article. Thanks! keep rocking.

Are chameleons good pets


Автор: john johkjl (не зарегистрирован), дата: 6 февраля, 2020 - 20:02
#permalink

This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free.
TFV


Автор: john bonds (не зарегистрирован), дата: 8 февраля, 2020 - 13:42
#permalink

This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information...
rico chandra kusuma


Автор: Mississauga Mold Removal (не зарегистрирован), дата: 15 февраля, 2020 - 08:36
#permalink

This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work!.


Автор: jamsaad (не зарегистрирован), дата: 19 февраля, 2020 - 13:27
#permalink

Positive site, where did u come up with the information on this posting? I'm pleased I discovered it though, ill be checking back soon to find out what additional posts you include.
The Fancy Voyager


Автор: johnb (не зарегистрирован), дата: 22 февраля, 2020 - 13:57
#permalink

Excellent information on your blog, thank you for taking the time to share with us. Amazing insight you have on this, it's nice to find a website that details so much information about different artists.
Angina pectoris


Автор: Гость (не зарегистрирован), дата: 24 февраля, 2020 - 17:38
#permalink

This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.
dji mavic air


Автор: john bond (не зарегистрирован), дата: 12 марта, 2020 - 17:18
#permalink

All the contents you mentioned in post is too good and can be very useful. I will keep it in mind, thanks for sharing the information keep updating, looking forward for more posts.Thanks
hyaluronic acid injections side effects


Автор: gamemite (не зарегистрирован), дата: 21 марта, 2020 - 17:49
#permalink

Thank you for very usefull information..


Автор: hank (не зарегистрирован), дата: 16 июня, 2020 - 20:48
#permalink

Yes, I agree. This is great, thanks! Glad you have so much knowledge here about AJAX best epilator for face


Автор: osama shk (не зарегистрирован), дата: 2 марта, 2021 - 16:51
#permalink

Great write-up, I am a big believer in commenting on blogs to inform the blog writers know that they’ve added something worthwhile to the world wide web!..
5 star resort cozumel


Автор: osama shk (не зарегистрирован), дата: 3 марта, 2021 - 15:25
#permalink

Great write-up, I am a big believer in commenting on blogs to inform the blog writers know that they’ve added something worthwhile to the world wide web!..
5 star resort Cozumel


Автор: sd (не зарегистрирован), дата: 7 марта, 2021 - 08:17
#permalink

Wonderful article, thanks for putting this together! This is obviously one great post. Thanks for the valuable information and insights you have so provided here.
where is cozumel


Автор: Гостьsd (не зарегистрирован), дата: 9 марта, 2021 - 10:38
#permalink

Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post.
tulum ruins


Автор: Гостьsad (не зарегистрирован), дата: 10 марта, 2021 - 18:42
#permalink

Nice to be visiting your blog once more, it has been months for me. Well this article that ive been waited for therefore long. i want this article to finish my assignment within the faculty, and it has same topic together with your article. Thanks, nice share.
travel to cancun Mexico


Автор: Гостьsad (не зарегистрирован), дата: 12 марта, 2021 - 22:51
#permalink

Yes i am totally agreed with this article and i just want say that this article is very nice and very informative article.I will make sure to be reading your blog more. You made a good point but I can't help but wonder, what about the other side? !!!!!!THANKS!!!!!!

restaurant in isla mujeres


Автор: farhan (не зарегистрирован), дата: 13 марта, 2021 - 14:37
#permalink

Thanks for taking the time to discuss this, I feel strongly that love and read more on this topic. If possible, such as gain knowledge, would you mind updating your blog with additional information? It is very useful for me.
isla de mujeres


Автор: Гостьasa (не зарегистрирован), дата: 13 марта, 2021 - 20:18
#permalink

An fascinating discussion is value comment. I think that it is best to write extra on this matter, it won’t be a taboo topic however generally people are not enough to talk on such topics. To the next. Cheers
holbox island resorts


Автор: sds (не зарегистрирован), дата: 26 марта, 2021 - 09:53
#permalink

Great articles and great layout. Your blog post deserves all of the positive feedback it’s been getting.treatnheal


Автор: farhan fave (не зарегистрирован), дата: 28 марта, 2021 - 19:25
#permalink

I recently came across your blog and have been reading along. I thought I would leave my first comment. I don't know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.
Automatyka hoteli


Автор: osama shk (не зарегистрирован), дата: 31 марта, 2021 - 11:39
#permalink

I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success in your business.
Automatyka hoteli


Автор: osama shk (не зарегистрирован), дата: 13 апреля, 2021 - 17:47
#permalink

Great write-up, I am a big believer in commenting on blogs to inform the blog writers know that they’ve added something worthwhile to the world wide web!..
covid yucatan


Автор: osama shk (не зарегистрирован), дата: 16 апреля, 2021 - 14:36
#permalink

This is very educational content and written well for a change. It's nice to see that some people still understand how to write a quality post.!
Train Taipei to Hualien


Автор: Shemale Sex Ads Bristol (не зарегистрирован), дата: 6 мая, 2021 - 10:44
#permalink

Find some fine ladies for free hot chat in UK on our web platform Shemale Sex Ads Bristol


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
3 + 9 =
Введите результат. Например, для 1+3, введите 4.
 
Текущий раздел
Поиск по сайту
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Последние комментарии
Последние темы на форуме
Forum