Уроки

COMET с XMLHttpRequest: непрерывные опросы

Здравствуйте! В этом уроке мы рассмотрим способ организации COMET, то есть непрерывного  потока получения данных с сервера, который очень прост и используется в 95% случаях. Где можно использовать COMET? Наверное при частых опросах сервера, когда  надо отслеживать изменение данных и реагировать на эти изменения.

comet частые опросы

Читать далее

XMLHttpRequest и возобновляемая закачка

Здравствуйте! В этой статье я  хочу рассказать о так называемой возобновляемой закачке во время запроса файла методом XMLHttpRequest.  Ведь он  даёт возможность загружать файл как угодно: во множество потоков, с догрузкой  и прочими вариантами.

XMLHttpRequest и возобновляемая закачка

Тут же мы рассмотрим подход к организации загрузки.

Читать далее

XMLHttpRequest: стадии закачки

Здравствуйте!  В этом уроке я  хочу  рассмотреть стадии  закачки  данных при  отправке запроса методом XMLHttpRequest.  Собственно сам  запрос  состоит из 2 фаз:

  1. Стадия закачки (upload). На ней данные как  раз  загружаются на сервер. Эта фаза может быть долгой для запросов типа  POST. Для отслеживания прогресса на стадии закачки существует  XMLHttpRequestUpload, доступный как xhr.upload.
  2. Стадия скачивания (download). После того, как данные загружены, браузер должен  скачать ответ с сервера. Если он большой, то это может занять длительное время. На этой стадии надо  использовать  обработчик xhr.onprogress.

Но давайте обо все по порядку.

Читать далее

XMLHttpRequest и кросс-доменные запросы

Здравствуйте! Обычно запрос XMLHttpRequest может делать запрос только на текущий сайт. При попытке использовать иной домен – браузер выдаёт ошибку. Делается  это из соображений  безопасности,  чтобы не  было  возможности провести атаку типа XSS взлом.

Существует и современный стандарт XMLHttpRequest, он ещё правда в состоянии черновика, но предусматривает кросс-доменные запросы и многое другое.

Большинство возможностей этого стандарта уже поддерживаются всеми браузерами.

кроссдоменные запросы xmlhttprequest

Читать далее

XMLHttpRequest метод POST

Здравствуйте! В этом уроке  рассмотрим, что происходит при отправке данных  формы методом POST.

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

xmlhttprequest метод post отправки данных

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

Читать далее

Основы объекта XMLHttpRequest

Здравствуйте!  Продолжаем  разбираться с AJAX  и в  этом уроке я разберу пожалуй  главный объект без которого трудно себе представить  технологию AJAX —  XMLHttpRequest (или, сокращенно  «XHR»)  он дает возможность из JavaScript делать HTTP-запросы к серверу без перезагрузки страницы, то есть это и есть AJAX.

Несмотря на,  то что в  название присутствует  слово «XML», XMLHttpRequest может работать в принципе  с любыми данными, а не только с XML.

объект xmlhttprequest

Использовать его очень просто. Давайте рассмотрим примеры.

Читать далее

Введение в AJAX

Здравствуйте! В этой  статье мы «обзорно», на уровне возможностей рассмотрим  такую технологию, как  AJAX. Пока что  очень поверхностно

Данный материал будет  полезен для понимания что такое AJAX и  для чего он нужен.

Что такое ajax

Что такое AJAX?

AJAX (аббревиатура от «Asynchronous Javascript And Xml») – технология обращения к серверу без перезагрузки страницы.

За счет этого уменьшается время отклика веб-страницы и веб-приложение по интерактивности больше напоминает десктоп.

Несмотря на то, что в названии технологии присутствует буква X (от слова XML), использовать XML вовсе не обязательно. Дело в том, что  технология XML уже  устарела и отходит в прошлое.

В  принципе под  AJAX понимают любое общение с сервером без перезагрузки страницы, организованное при помощи JavaScript.
Читать далее

Создание тем CSS

Здравствуйте! Я уже писал о создании  переменных в CSS. А  сегодня  хочу как  раз привести пример  использование этих самых  переменных. И как мне кажется самым  простым способом использования переменных в CSS может стать  создание тем.

создание тем в css с помощью переменных

Итак давайте рассмотрим на конкретном примере. Пусть дана такая страница.

Читать далее

Переменные в CSS

Здравствуйте! Я уже писал о препроцессорах Less и Sass. Так вот у них есть возможность использовать переменные в которых можно сохранять значения CSS свойств.  Но теперь эта возможность  появилась и в чистом CSS без всяких там препроцессоров. Вот о ней  я и хочу  рассказать в этой статье.

переменные в css

Хочу заметить, что хотя часто и используется термин «переменные» (css variables), но официально они называются custom properties (кастомные  свойства).

Читать далее

Объект Screen. Как узнать размеры экрана пользователя

Здравствуйте!  Да думал, что урок  по объекту Navigator будет последним в теме «Работа с BOM», но как оказалось я совсем забыл про еще один полезный объект screen. Благодаря объекту screen можно узнать размеры экрана пользователя, а соответственно это можно использовать для  адаптивного дизайна.

Объект screen

 

  • screen.width — возвращает ширину экрана монитора
  • screen.height —  возвращает  высоту экрана монитора
  • screen.availWidth — возвращает полезную  ширину экрана
  • screen.availHeight — возвращает полезную высоту экрана
  • screen.colorDepth — возвращает глубину цвета. Измеряется в бит/пиксель.

Читать далее

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: