Введение в AJAX

Введение в AJAX

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

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

Что такое ajax

Что такое AJAX?

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

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

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

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

 

Что можно сделать с помощью AJAX?

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

Сейчас – в порядке вещей, что такие действия на сайтах осуществляются без перезагрузки страницы.

Динамическая подгрузка данных
Список, который раскрывается и данные  подгружаются из сервера.
Живой поиск
Живой поиск – пример использования AJAX, который  взят на вооружение современными поисковыми системами.

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

Код, который это обеспечивает,  может работать таким образом.

  1. Код активируется примерно при каждом нажатии клавиши, но не чаще чем раз в 100 мс (примерно).

2. Создается скрытый DIV и  он заполняется ответом сервера:
— Текущий результат подсвечен, можно перемещаться и выбирать
— При нажатии правой стрелки или при клике — поиск в подрезультатах
3. Результаты запросов кешируются, повторных обращений к серверу не происходит.
Обычно используются форматы:

  • JSON – для отправки и получения структурированных данных, объектов. Сйчас  получил самое широкое распространение
  • XML – если сервер почему-то работает в формате XML, то можно использовать и его, есть средства.
  • HTML/текст – можно и просто загрузить с сервера код HTML или текст для показа на странице. То есть можно подключить веб-страницу.
  • Бинарные данные, файлы – в браузерах есть удобные средства для них.

Что такое COMET?

COMET – общий термин, описывающий различные техники получения данных по инициативе сервера.

Можно сказать, что AJAX – это «отправил запрос – получил результат», а COMET – это «канал, по которому приходят данные».

Примеры COMET-приложений:

  • Чат – человек сидит и смотрит, что пишут другие. При этом новые сообщения приходят «сами по себе», он не должен нажимать на кнопку для обновления окна чата. И все происходит в режиме реального времени.
  • Аукцион – человек смотрит на экран и видит, как обновляется текущая ставка за товар. Пример это так называемый «скандинавский аукцион».
  • Интерфейс редактирования – когда один редактор начинает изменять документ, другие видят информацию об этом. Возможно и совместное редактирование, когда редакторы видят изменения друг друга.

На текущий момент технология COMET очень  удобно реализуется во всех браузерах.

ИТОГИ

AJAX —  это технология, позволяющая получать данные от сервера  без перезагрузки страницы.

COMMET — это просто канал по которому приходят данные от сервера.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плюсануть
Поделиться
Читайте также  XMLHttpRequest метод POST

Об авторе

admin administrator

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

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