Ajax примеры для начинающих: AJAX для новичков / Хабр

jQuery для начинающих. Часть 3. AJAX. Примеры

jQuery для начинающих. Часть 3. AJAX. Примеры

Примеры реализации работы с AJAX с использованием бибилотеки jQuery, подробное руководство смотрите на моём сайте (jQuery для начинающих. Часть 3. AJAX).

Примеры использования AJAX.

jQuery(..).load

Данный метод может принимать следующие параметры:

• url — url запрашиваемой страницы
• data — передаваемые данные (необязательный параметр)
• callback — функция которой будет скормлен результат (необязательный параметр)

Пример использования:

jQuery.ajax

Данные метод принимает лишь один параметр — объект включающий в себя все настройки (выделены параметры которые стоит
запомнить):

• async — асинхронность запроса, по умолчанию true
• cache — вкл/выкл кэширование данных браузером, по умолчанию true
• contentType — по умолчанию «application/x-www-form-urlencoded»
• data — передаваемые данные строка иль объект
• dataFilter — фильтр для входных данных
• dataType — тип данных возвращаемых в callback функцию (xml, html, script, json, text, _default)
• global — тригер — отвечает за использование глобальных AJAX Event’ов, по умолчанию true
• ifModified — тригер — проверяет были ли изменения в ответе сервера, дабы не слать еще запрос, по умолчанию false
• jsonp — переустановить имя callback функции для работы с JSONP (по умолчанию генерируется на лету)
• processData — по умолчанию отправляемые данный заворачиваются в объект, и отправляются как
  «application/x-www-form-urlencoded», если надо иначе — отключаем
• scriptCharset — кодировочка — актуально для JSONP и подгрузки JavaScript’ов
• timeout — время таймаут в миллисекундах
• type — GET либо POST
• url — url запрашиваемой страницы

Локальные AJAX Event’ы:

• beforeSend — срабатывает перед отправкой запроса
• error — если произошла ошибка
• success — если ошибок не возникло
• complete — срабатывает по окончанию запроса

Для организации HTTP авторизации (О_о):

• username — логин
• password — пароль

jQuery.

get

Загружает страницу используя для передачи данных GET запрос. Может принимать следующие параметры:

• url — url запрашиваемой страницы
• data — передаваемые данные (необязательный параметр)
• callback — функция которой будет скормлен результат (необязательный параметр)
• type — тип данных возвращаемых в callback функцию (xml, html, script, json, text, _default)

jQuery.post

Данный метод аналогичен предыдущему, лишь передаваемые данные уйдут на сервер посредством POST’а. Может принимать
следующие параметры:

• url — url запрашиваемой страницы
• data — передаваемые данные (необязательный параметр)
• callback — функция которой будет скормлен результат (необязательный параметр)
• type — тип данных возвращаемых в callback функцию (xml, html, script, json, text, _default)

Пример использования:

jQuery.getJSON

Может принимать следующие параметры:

• url — url запрашиваемой страницы
• data — передаваемые данные (необязательный параметр)
• callback — функция которой будет скормлен результат (необязательный параметр)

Пример использования:

jQuery.

getScript

Загружает и выполняет локальный JavaScript. Может принимать следующие параметры:

• url — url запрашиваемого скрипта
• callback — функция которой будет скормлен результат (необязательный параметр)

Пример использования:

Примеры использования JSONP.

Google Поиск

Пример получения и обработки результатов поиска используя Google (подробнее)

Yahoo Поиск

Пример получения и обработки результатов поиска используя Yahoo (подробнее)

что это такое и как они взаимодействуют

Рассказывает Хьюго Ди Францеско, веб-разработчик

Вы наверняка уже слышали эти модные в сфере программирования слова «фронтенд» и «бэкенд», но что за ними стоит? Предлагаю в этом разобраться.

Давайте начнем с определений.

Фронтенд — все, что браузер может читать, выводить на экран и / или запускать. То есть это HTML, CSS и JavaScript.

HTML (HyperText Markup Language) говорит браузеру, каково содержание страницы, например, «заголовок», «параграф», «список», «элемент списка».

CSS (Cascading Style Sheets) говорит браузеру, как отображать элементы, например, «после первого параграфа отступ в 20 пикселей» или «весь текст в элементе body должен быть темно-серым и написан шрифтом Verdana».

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

Бэкенд — все, что работает на сервере, то есть «не в браузере» или «на компьютере, подсоединенном к сети (обычно к Интернету), который отвечает на сообщения от других компьютеров».

Прим. ред. Профессия бэкенд-разработчика вошла в топ наиболее сложных IT-профессий.

Для бэкенда вы можете использовать любые инструменты, доступные на вашем сервере (который, по сути, является просто компьютером, настроенным для ответов на сообщения). Это означает, что вы можете использовать любой универсальный язык программирования: Ruby, PHP, Python, Java, JavaScript / Node, bash. Это также означает, что вы можете использовать системы управления базами данных, такие как MySQL, PostgreSQL, MongoDB, Cassandra, Redis, Memcached.

Структура взаимодействия бэкенда и фронтенда

Сегодня существует несколько основных архитектур, определяющих, как будут взаимодействовать ваши бэкенд и фронтенд.

Серверные приложения

В этом случае HTTP-запросы отправляются напрямую на сервер приложения, а сервер отвечает HTML-страницей.

Между получением запроса и ответом сервер обычно ищет по запросу информацию в базе данных и встраивает ее в шаблон (ERB, Blade, EJS, Handlebars).

Когда страница загружена в браузере, HTML определяет, что будет показано, CSS — как это будет выглядеть, а JS — всякие особые взаимодействия.

Связь с использованием AJAX

Другой тип архитектуры использует для связи AJAX (Asynchronous JavaScript and XML). Это означает, что JavaScript, загруженный в браузере, отправляет HTTP-запрос (XHR, XML HTTP Request) изнутри страницы и (так сложилось исторически) получает XML-ответ. Сейчас для ответов также можно использовать формат JSON.

Это значит, что у вашего сервера должна быть конечная точка, которая отвечает на запросы JSON- или XML-кодом. Два примера протоколов, используемых для этого — REST и SOAP.

Клиентские (одностраничные) приложения

AJAX позволяет вам загружать данные без обновления страницы. Больше всего это используется в таких фреймворках, как Angular и Ember. После сборки такие приложения отправляются в браузер, и любой последующий рендеринг выполняется на стороне клиента (в браузере).

Такой фронтенд общается с бэкендом через HTTP, используя JSON- или XML-ответы.

Универсальные/изоморфные приложения

Некоторые библиотеки и фреймворки, например, React и Ember, позволяют вам исполнять приложения как на сервере, так и в клиенте.

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

Вне фронтенда и бэкенда

Автономный фронтенд

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

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

Легкий бэкенд

Бэкенд, в свою очередь, становится легче и легче. Такие технологии, как хранилища документов и графовые базы данных, приводят к сокращению количества обращений к бэкенду для повторного агрегирования данных. Задача клиента — уточнить, какие данные ему нужны (базы данных графов), или извлечь все различные фрагменты данных, которые ему нужны (REST API).

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

Размытые границы

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

Каждый из вариантов имеет свои плюсы и минусы. Сервер — среда более стабильная, имеет меньше неизвестных, но ему постоянно нужно подключение к Сети. Некоторые пользователи используют последние версии браузеров, и им выгоднее использовать клиентские приложения, которые и делают большую часть работы, и могут похвастаться красивым интерфейсом, но тогда вы оттолкнёте пользователей, которые не используют новейшие браузеры и высокоскоростное подключение к Интернету.

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

Перевод статьи «In simple terms: backend code, frontend code and how they interact»

25 отличных методов и примеров Ajax

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

Хотя большинство из них предназначены для начинающих разработчиков и разработчиков среднего уровня, ветераны могут найти один или два приема, с которыми они раньше не сталкивались.

1. Программа чтения RSS Ajax

Создайте простую программу чтения RSS, которая берет удаленные XML-данные из RSS-каналов, используя Ajax, PHP и MySQL. Этот пример позволяет пользователям просматривать содержимое канала из нескольких источников на одной странице. Внизу статьи вы найдете анимированную демонстрацию программы для чтения RSS.

2. Учебное пособие по Ajax Desktop

Это учебное пособие представляет собой пошаговое руководство по созданию рабочего стола/домашней страницы, аналогичного Pageflake и Netvibes. Цель этого руководства — продемонстрировать некоторые распространенные приемы разработки веб-приложений, такие как управление объектной моделью документа (DOM), прослушивание событий (т. е. определенных движений мыши) и работа с удаленными данными.

• Демо Ajax Desktop

3. Ajax для чата

Научитесь создавать простой веб-клиент чата с использованием асинхронного JavaScript, XML и PHP. В примере руководства используется платформа Prototype JS, MySQL и PHP.

4. Создайте собственное информационное пространство с помощью Ajax и del.icio.us

В этой статье описываются основные принципы использования Ajax вместе со службой API. Он использует API del.icio.us, но методы и концепции могут быть адаптированы для других популярных сервисов, таких как Digg или Flickr. Это важный ресурс для тех, кто собирается создавать веб-приложения, использующие удаленные XML-данные. Несколько живых примеров — это popurls и SocialBlade, которые получают информацию с сайтов социальных сетей с помощью доступных сервисов API.

Для этого туториала требуется регистрация (бесплатно).

5. Сверхлегкие диаграммы для AJAX

Узнайте, как создать сверхлегкий (1,78 КБ) компонент диаграммы с помощью Flash с Ajax. Пример позволяет создавать визуальные графики с использованием динамически загружаемых данных. Решение включает взаимодействие ActionScript-JavaScript и охватывает использование методов ActionScript setData и setStyle для создания и оформления диаграмм.

6. Быстрый календарь с использованием AJAX и PHP

Узнайте, как создать компонент календаря с помощью Ajax и PHP. Ajax используется для навигации по месяцам календаря без обновления страницы.

• Демо Quick Calendar

7. Как интегрировать Календарь Google на ваш веб-сайт с помощью AJAX

В этом руководстве показано, как создать компонент веб-страницы, который вызывает общедоступный календарь Google. Календарь Google позволяет легко создавать события, делиться ими и управлять ими и является отличной функцией для веб-сайтов сообщества.

• Демонстрация календаря AJAX

8. Редактировать на месте с помощью AJAX с помощью jQuery

В этом примере пользователям предоставляется возможность редактировать XHTML веб-страницы, которую они просматривают в данный момент. Этот пример является доказательством концепции и показывает, как эту функциональность можно реализовать с помощью jQuery. Обычно вы хотите отправить пользовательские изменения в код на стороне сервера для выполнения таких процессов, как проверка или сохранение изменений в базе данных.

• Демонстрация редактирования на месте 1
• Редактирование на месте, демонстрация 2

9. Создание виджета рейтинга AJAX

Изучите концепции создания системы рейтинга без запроса пользователя на нажатие кнопки отправки или обновления страницы. В учебнике показано, как это можно сделать различными способами, включая примеры для следующих четырех фреймворков/библиотек JavaScript: Dojo, jQuery, mootools и Prototype JS.

10. Руководство по загрузке файлов AJAX

В этом руководстве показано, как создать загрузчик файлов. В учебнике используются JavaScript и PHP.

• Демо AJAX File Uploader

11. Используйте AJAX и PHP для создания списка рассылки

В этом учебном пособии от SitePoint рассказывается о разработке формы списка рассылки, которая принимает сообщения асинхронно. Он использует MySQL для хранения данных, введенных пользователем, и Prototype JS для упрощения запросов Ajax и связывания обработчиков событий.

12. Более безопасные контактные формы без CAPTCHA

Один из способов уменьшить спам из общедоступных веб-форм — внедрить систему проверки того, является ли отправитель человеком, с помощью изображений CAPTCHA. Проблемы с доступностью возникают, когда люди, использующие зрительные вспомогательные технологии, проходят тест (и, следовательно, не могут его продолжить). В этом простом методе используется Ajax-вызов серверного скрипта для размещения файла cookie на компьютере пользователя.

• Демо Safer Form

13. Использование AJAX с CAPTCHA

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

Пользователю предоставляется последовательность описаний (например, Животное, Костюм, Мальчик) и предлагается щелкнуть набор изображений в последовательном порядке. Щелчки записываются и проверяются, возвращая соответствующее сообщение о состоянии.

Хотя, возможно, это и не идеальное решение для CAPTCHA, оно описывает фундаментальную технику разработки адаптивных пользовательских интерфейсов — используйте ее для вдохновения.

14. Форма входа на основе Ajax

Создайте базовую форму входа, которая асинхронно проверяет введенные данные. В примере используется подключаемый модуль формы jQuery и PHP для обработки запроса.

• Демонстрация формы входа на основе Ajax

15. Хороший эффект Ajax для окна сообщения с использованием Mootools

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

• Nice Ajax Effects for message box demo

16.

Учебное пособие по автозаполнению

Учебное пособие по автозаполнению научит вас выполнять автоматическое заполнение полей ввода. В примере используются jQuery, PHP и MySQL.

• Демо-учебник по автозаполнению

17. Автоматическое заполнение полей выбора с помощью jQuery и AJAX

Ключевым приемом в приложениях Ajax является заполнение содержимого без обновления страницы. В этом уроке вы увидите, как это делается с помощью PHP и JavaScript (для упрощения jQuery).

• Демонстрация автоматического заполнения полей выбора

18. Создание выпадающего меню Ajax

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

• Демонстрация выпадающего меню Ajax

19.

Учебное пособие по диалоговому окну Ajax/PHP

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

• Демонстрация AJAX Shoutbox

20. Создание содержимого с вкладками

Узнайте, как создать компонент содержимого с вкладками с данными, заполняемыми с помощью Ajax. В учебнике используется PHP и прототип JS.

• Создание демо-контента с вкладками

21. Как загружать и анимировать содержимое с помощью jQuery

В этом пошаговом руководстве показано, как загружать данные на веб-страницу с помощью jQuery для обработки запросов Ajax и манипулирования DOM.

• Демонстрационная загрузка и анимация содержимого

Передовой опыт и методы обхода распространенных проблем

22.

Как и почему деградируемый Ajax

В этой статье обсуждается концепция создания приложений на основе Ajax, которые эффективно деградируют, когда JavaScript не обнаружен, обеспечивая повышенную доступность и пуленепробиваемость.0195 нес . Полностью успешная деградация означает, что приложение по-прежнему можно использовать, а информация по-прежнему доступна без использования JavaScript или CSS.

• Разлагаемая демонстрация Ajax

23. Избегайте ненужного трафика Ajax с состоянием сеанса

В этой статье представлен метод минимизации ненужных процессов базы данных/вычислений и предотвращения больших обновлений состояния, если не произошло никаких изменений. Используя файлы cookie клиента для отслеживания состояния сеанса, вы можете сократить процессы, которые могут быть избыточными. Хотя в статье представлен пример использования Python для серверного кода, модель остается неизменной практически на любом языке, который вы используете.

24. Лучшее решение для кнопки «Назад» с помощью Ajax

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

Во второй части статьи вы увидите рабочий пример и дополнительное обсуждение этого метода.

• Улучшенная демонстрация кнопки «Назад» Ajax

25. Обеспечение работы Ajax с программами чтения с экрана

Один из самых больших недостатков загрузки контента через Ajax заключается в том, что он не указывает на обновление контента пользователям, которые полагаются на программы чтения с экрана. Для людей без нарушений зрения — сообщения и индикаторы состояния могут быть визуальными очередями, что содержимое меняется; это неэффективно для пользователей с нарушениями зрения. В этой статье рассматриваются основные проблемы и предлагаются методы, позволяющие заставить приложения на основе Ajax работать со средствами чтения с экрана.

Вот и все… несколько блестящих приемов и примеров Ajax. Я надеюсь, что вы нашли интересные ссылки, которые помогут вам в будущем проекте или в улучшении вашего владения Ajax.

У вас есть любимая ссылка? Давайте посмотрим, оставив сообщение в разделе комментариев.

Как работает AJAX: 10 практических применений AJAX

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

Что такое AJAX? Как это работает?

AJAX означает асинхронный JavaScript и XML. Он используется для обеспечения связи клиентской части приложения с серверной частью приложения. До AJAX у клиентской части веб-приложения не было возможности напрямую взаимодействовать с сервером. Вместо этого вам придется использовать загрузку страниц. С помощью AJAX клиент и сервер могут свободно взаимодействовать друг с другом.

Вот как работает обычный AJAX-скрипт:

• Некоторое действие вызывает событие, например, когда пользователь нажимает кнопку.
• Вызов AJAX срабатывает и отправляет запрос серверному сценарию с использованием XML
• Сценарий на стороне сервера (PHP, ASP или любой другой) получает входные данные от JavaScript, может получить доступ к базе данных, если это необходимо, и обрабатывает данные.
• Снова используя XML, сценарий отправляет данные обратно на исходную клиентскую страницу, которая сделала запрос
• Вторая функция JavaScript, называемая функцией обратного вызова, собирает данные и обновляет веб-страницу

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

1. Формы входа

Вместо того, чтобы переходить на страницу входа, а затем возвращаться на страницу, которую вы изначально хотели, с помощью AJAX пользователь может ввести свое имя пользователя и пароль непосредственно на исходной странице. Оттуда AJAX отправит запрос на сервер для их входа в систему. Сервер сообщает странице, что они вошли в систему, и страница, на которой вы находитесь, может обновляться по мере необходимости. У Digg есть система входа в систему, которая работает следующим образом.

Пример: Digg.com (верхняя часть страницы)

Плагин: Плагин формы jQuery

2. Автозаполнение

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

Пример: Google Search

Плагин: JQ AutoComplete

3. Голосование и рейтинг

Социальные закладки сайты, такие как Digg и Reddit. . Они используют AJAX для обработки всех голосований, чтобы пользователи могли быстро и легко высказать свое мнение по ряду статей.

Пример: Reddit

4. Обновление с пользовательским контентом

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

Пример: Twitter

5. Отправка и проверка формы

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

Пример: 10 классных плагинов форм jQuery

6. Чаты и обмен мгновенными сообщениями

Общение онлайн прошло долгий путь со времен IRC. Чаты и обмен мгновенными сообщениями теперь можно полностью обрабатывать в браузере. В чате или приложении для обмена мгновенными сообщениями есть два основных процесса AJAX. Думайте об одном из них как о своих ушах, а о другом как о своем рту. Ваш «рот» обновляет сервер и сообщает ему, что вы отправили сообщение. «Уши» постоянно сверяются с сервером и обновляют вашу страницу сообщениями, которые были отправлены тем, с кем вы общаетесь.

Пример: Meebo Chat (использует Ajax)

Плагин: Скрипт чата в стиле GMail/Facebook

чистый, гладкий пользовательский интерфейс — очень популярное использование AJAX. Это позволяет пользователям делать больше на одной странице. Преимущества этого двойные: во-первых, это делает использование веб-приложения более быстрым и простым для пользователя; Во-вторых, это сокращает количество запросов, которые вы должны сделать к серверу, что сокращает пропускную способность и время загрузки. Бесплатный сервис загрузки файлов под названием Drop.io хорошо использует это. Google также действительно расширил возможности AJAX, создав настольные приложения, такие как Google Docs и Google Maps.

Библиотека пользовательского интерфейса jQuery

8. Внешние виджеты

При использовании AJAX страница, использующая JavaScript, не ограничивается только сервером, на котором она расположена. AJAX может позвонить на любой сервер онлайн. Именно так работают ряд плагинов для систем управления контентом, таких как WordPress, и другие различные скрипты, такие как Google Adsense.

Пример: Google Adsense

Плагин: Скрипт для загрузки внешнего контента в div

9. Лайтбоксы вместо всплывающих окон

В наши дни блокировщики всплывающих окон очень распространены, и на то есть веская причина: всплывающие окна раздражают. Используя лайтбоксы, которые представляют собой всплывающие окна внутри окна браузера, блокировщик всплывающих окон не может их остановить, и они не так раздражают пользователя. Некоторые люди используют их для рекламы, например, ProBlogger.com Даррена Роу. Их также можно использовать для чего-то вроде поля входа или регистрации, как это делает Reddit, когда вы пытаетесь проголосовать, но не вошли в систему.0005

Пример: Logo Sauce

Плагин: Плагин Lightbox

10. Использование AJAX с Flash можно использовать для получения впечатляющих результатов. Веб-сайт флеш-игр Kongregate использует это с большим эффектом. Используя свой API, у них есть собственная система достижений, которая включает в себя получение «значков» за выполнение различных достижений в играх.