Учебник HTML5

  

Фильтрация при обмене сообщениями между разными источниками

Фильтрация при обмене сообщениями между разными источниками.

То, как мы реализовали предыдущий пример, нельзя назвать передовой практикой, особенно с учетом необходимости обеспечения безопасности данных. Код в главном документе отправляет сообщение в определенный фрейм, но никак не контролирует то, каким документам позволено считывать это сообщение (данные сообщения смогут прочитать любые документы внутри iframe). Читать далее

Публикация сообщения

Публикация сообщения.

При построении примера для данного API необходимо учесть следующее: процесс обмена данными происходит между разными окнами (фреймами, вкладками или другими API), таким образом, мы должны создать документы и коды для каждой стороны. В примере будем использовать шаблон с фреймом iframe и соответствующими кодами JavaScript для каждого участника. Читать далее

События и свойства сообщений

События и свойства сообщений.

Коммуникационный метод работает в асинхронном режиме. Для прослушивания событий, публикуемых для определенного документа, API предоставляет событие message, которое возвращает информацию через следующие свойства:

Читать далее

Конструктор

Конструктор.

Для публикации сообщений в данном API предусмотрен метод post-Message(): postMessage(message, target). Он применяется к свойству contentWindow того объекта Window, который получает сообщение. Читать далее

Пересылка сообщений между разными документами

Пересылка сообщений между разными документами.

Эта часть так называемого коммуникационного API носит официальное название API Web Messaging (Веб-сообщения). Пересылка сообщений между разными документами (Cross Document Messaging) — это техника, позволяющая приложениям из разных источников обмениваться друг с другом данными. Читать далее

Приложение из реальной жизни

Приложение из реальной жизни.

Вряд ли веб-разработчики считают удобной загрузку файлов на сервер по одному, и редко кому нравится использовать поле <input> для выбора предназначенных для отправки файлов. Программисты стараются делать свои приложения максимально интуитивно понятными, и лучший способ создать такое приложение — объединить техники и методы, с которыми пользователи давно и близко знакомы. Благодаря возможностям API перетаскивания мы создадим практическое приложение, позволяющее загружать на сервер несколько файлов одновременно. Читать далее

Загрузка файлов на сервер

Загрузка файлов на сервер.

Задача загрузки файлов на сервер неизменно вызывает головную боль у всех веб-разработчиков. Эта возможность востребована почти в каждом современном приложении, но не учтена в браузерах. Рассматриваемый API решает данную проблему. Читать далее

Запросы между разными источниками

Запросы между разными источниками.

До сих пор мы работали со сценариями и файлами данных из одного и того же каталога в одном и том же домене. Но XMLhttpRequest уровня 2 позволяет генерировать запросы между разными источниками, то есть мы можем в пределах одного приложения взаимодействовать с разными серверами.

Читать далее

Отправка данных

Отправка данных.

Пока что мы только принимали информацию с сервера, но ничего не отправляли и даже не использовали никакие другие http-методы, кроме GET. В следующем примере будем работать с методом POST и новым объектом, позволяющим отправлять информацию с использованием элементов виртуальной формы.

Читать далее