Ajax расшифровывается как Asynchronous JavaScript and xml



Скачать 55.87 Kb.
Дата04.12.2012
Размер55.87 Kb.
ТипДокументы
Ajax – расшифровывается как Asynchronous JavaScript and XML — «асинхронный JavaScript и XML»
Ajax строго говоря не является самостоятельной технологией, а скорее представляет собой концепцию использования нескольких смежных технологий. Однако так как эта концепция вносит некоторые изменения в модель взаимодействия клиент-сервер и открывает новые возможности по написанию web-приложений, можно, с некоторым допущением, говорить о ней как о технологии.
Немного о названии:

JavaScript – скриптовый язык (язык сценариев). Программы написанные на таких языках обычно не компилируются, а интерпретируются (т.е. есть программа которая выполняет действия описанные с помощью скриптового языка). В случае JavaScript интерпретатором является сам браузер. У интерпретируемых языков есть существенные преимущества в отношении web’a и одно из главных состоит в том что скрипт платформо-независим, платформо-зависимым является только интерпритатор.
JavaScript в свое время сильно изменил облик Интернета, существенно расширив возможности создателей web страниц. По сути, стало возможным запускать небольшие программы на стороне пользователя.
JavaScript внутри html документа выглядит примерно так:

Также вместо самого скрипта может быть ссылка на него, что во многих случаях гораздо удобнее:

XML (eXtensible Markup Language — расширяемый язык разметки) в свою очередь представляет собой свод общих синтаксических правил и предназначен для хранения структурированных данных (самого разного характера). Также он служит для обмена данными между программами. Целью создания XML было обеспечение совместимости при передаче структурированных данных между разными системами обработки информации, особенно при передаче таких данных через Интернет.
Основные достоинства XML:

  • XML — это самодокументируемый формат, который описывает структуру и имена полей также как и значения полей;

  • XML имеет строго определённый синтаксис и требования к анализу, что позволяет ему оставаться простым, эффективным и непротиворечивым;

  • XML — формат, основанный на международных стандартах;

  • Иерархическая структура XML подходит для описания практически любых типов документов;

  • XML представляет собой простой текст.

XML внешне очень похож на HTML. Вот например кулинарный рецепт описанный на XML:




Простой хлеб

Мука

Дрожжи

5" unit="стакан">Тёплая вода

Соль



Смешать все ингредиенты и тщательно замесить.

Закрыть тканью и оставить на один час в тёплом помещении.

Замесить ещё раз, положить на противень и поставить в духовку.




Итак XML представляет собой множество вложенных элементов с атрибутами.
На что опирается ajax? Как я говорил раньше ajax не самостоятельная технология а скорее концепция базирующаяся на использовании:

Конечно же JavaScript о котором говорилось раньше.

XHTML – словарь основанный на XML и предназначенный для разметки web страниц.

DOM – платформо- и языко-независимая модель представления данных XML документа.

XML – для передачи данных

объекта XMLHttpRequest.
Немного о DOM:

Это модель с помощью которой программа (в том числе и скриптовая) может взаимодействовать с xml-документом как с объектом, извлекая из него (или помещая в него) необходимые данные с помощью методов DOM.А сама реализация DOM представляет собой соответственно этот самый набор методов. Поддержка этой модели осуществляется в нашем случае браузером. (Большинство современных браузеров поддерживают модель DOM2 :-))) или хотябы часть её)
Небольшой пример, демонстрирующий работу модели DOM:

http://pyha.ru/forum/topic/32.0
Об объекте XMLHttpRequest я расскажу чуть позже, а пока рассмотрим в чем же суть технологии ajax. Основная ёе идея заключается в асинхронности. Чтобы пояснить это рассмотрим модель взаимодействия компьютеров в сети (относительно данных).
Тут надо нарисовать 3 картинки. И рассказать о них.

Теперь при активации какого-либо элемента управления интерфейса браузер не делает запрос новой страницы с сервера, а запускает клиентскую часть. А уже приложение-клиент, в свою очередь, обращается к серверу через запрос requst и запрашивает только те данные, которые должны измениться на странице. После получения данных data от приложения-сервера клиент-приложение производит обновление части страницы через DOM методы без перегрузки всей страницы в целом. При этом возможна работа в асинхронном режиме. То есть когда пользователь не дожидается получения ответа с сервера и перегрузки страницы, а продолжается работать со страницей page, как ни в чем не бывало.

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

Итак ajax – технология позволяющая динамически (т.е. по мере изменения) асинхронно (не загружая изменившуюся страницу полностью) подгружать новые данные. Это позволяет создавать гораздо более сложные (по содержанию), быстрые и удобные web-приложения.
Для ее работы необходимо грамотно реализовать как клиентскую часть (JavaScript), так и серверную! Причем серверная часть неразрывно связана с клиентской (в смысловом плане) и предназначена для работы с конкретным клиентским приложением. Т.е. серверная часть не универсально.
Динамическая загрузка необходимых данных осуществляется с помощью использования объекта XMLHttpRequest. Использование этого объекта – основа ajax. Мы же его рассмотрим только в общих чертах чтобы составить представление о его возможностях:

У данного объекта немало свойств и методов, но не все из них поддерживаются ведущими браузерам. Полная поддержка есть только в FireFox-е.

СВОЙСТВА:


readonly onreadystatechange function

Указывает функцию обратного вызова (callback function), которая будет вызываться каждый раз, когда будет изменяться readyState свойство. Несмотря на то, что вызывается функция, параметры передать в нее не получиться.

readonly readyState integer

Состояние запроса. Может принимать значения:

  • 0 - не неинициализированный (uninitialized), метод open() еще не был вызван;

  • 1 - загружается (loading), метод send() еще не вызван;

  • 2 - загружен (loaded), метод send() был вызван и ответные заголовки/статус (свойство status) получены;

  • 3 - интерактивный (interactive), идет прием данных, которые доступны через свойство responseText;

  • 4 - завершенный (completed), в ответ на запрос получены не только все заголовки и статус, но и приняты все данные от сервера, ответ завершен.

readonly responseText string

Ответ сервера в виде обыкновенного текста. Только чтение.

readonly responseXML object

Ответ сервера в виде объекта DOM Document. Используется, если ответ сервера является корректным XML документом. Если документ не корректный, данные не получены или еще не оправлены, то свойство равно NULL. Только чтение.

readonly status string

Статус ответа. Например: 200 (ОК), 404 (документ не найден), 503 (временная перегрузка сервера).

МЕТОДЫ:


void abort()

Прерывает HTTP запрос или получение данных. Очищает все свойства объекта, которым присваиваются начальные значения. Метод полезен в связке с таймером, когда по прошествии определенного времени с момента запроса (вылете в тайм-аут) ответ от сервера так и не был получен.

string getAllResponseHeaders()

Возвращает все заголовки ответа сервера в виде отформатированной строки. Каждый новый заголовок начинается с новой строки.

string getResponseHeader(string header)

Вернуть заголовок с именем header.

void open(string method, string uri, [boolean asynch])

Подготавливает запрос по адресу uri методом method (POST или GET) с указанием режима asynch, асинхронный режим или нет. В результате вызова свойство readyState становиться равным 1.

void send(string data)

Инициирует запрос к серверу. В запросе передаются данные data.

void setHeader(string header, string value)

Присваивает заголовку с именем header, значение value. Перед началом использования этого метода не забудьте вызвать open()!

Похожие:

Ajax расшифровывается как Asynchronous JavaScript and xml iconAjax изнутри ajax – это акроним, раскрывающийся как Asynchronous JavaScript And xml
Технология ajax служит для создания более гибких и интерактивных web-приложений. Она позволяет выполнять асинхронные обращения к...
Ajax расшифровывается как Asynchronous JavaScript and xml iconЗадания к лабораторной работе №4 по дисциплине "Веб-интерфейсы"
Из этого следует, что такие действия как добавление записи в базу данных или получение списка файлов на сервере при использовании...
Ajax расшифровывается как Asynchronous JavaScript and xml iconТехнология Ajax при построении web-приложений
Термин «Ajax» используется с 2004 года и обозначает «асинхронный JavaScript + xml». Основные особенности
Ajax расшифровывается как Asynchronous JavaScript and xml iconТехнология Silverlight: Ajax и С# для обработки событий элемента управления Silverlight
...
Ajax расшифровывается как Asynchronous JavaScript and xml iconAjax с помощью jQuery
Большинство современных сайтов используют технологию, которая называется ajax, для быстрого и эффективного взаимодействия с посетителем....
Ajax расшифровывается как Asynchronous JavaScript and xml icon1 Введение в xml
Вы изучите xml в следующих разделах руководства. Далее мы отметим основные особенности, которые делают xml идеальным средством для...
Ajax расшифровывается как Asynchronous JavaScript and xml iconНазвание группы расшифровывается, как "комическое постоянство" Это значит, что мы относимся к миру, как к череде перфомансов
Мы присылаем вам идею-проект группы художников "Коми-Кон". Название группы расшифровывается, как "комическое постоянство"
Ajax расшифровывается как Asynchronous JavaScript and xml iconРуководство по использованию технологии ajax содержание
Технология ajax в системе «1с-битрикс: Управление сайтом» реализована на двух уровнях
Ajax расшифровывается как Asynchronous JavaScript and xml iconЭлектронная цифровая подпись. Формат xml-эцп
Эцп используется для представления электронной цифровой подписи в документах формата xml. Xml-эцп формируется в рамках Рекомендации...
Ajax расшифровывается как Asynchronous JavaScript and xml iconЗнакомство с языком JavaScript
Во-первых, это не Java. Тут легко запутаться и решить, что Java и JavaScript — одно и то же. Отнюдь. Java — это язык программирования,...
Разместите кнопку на своём сайте:
ru.convdocs.org


База данных защищена авторским правом ©ru.convdocs.org 2016
обратиться к администрации
ru.convdocs.org