Задания для выполнения лабораторной работы №7

«Технология фонового обмена данными браузера с веб-сервером в информационных сетях»

Цель: Получить теоретические знания и практические навыки в использовании технологии AJAX.

Используемые приемы и технологии: AJAX, JavaScript, HTML, CSS

Ключевые термины: веб-приложение, методы объекта XMLHttpRequest

Варианты

Разработайте веб-приложение предусматривающее возможность ввода в поле формы арифметических выражений типа «23*6» с асинхронной передачей данных между браузером и сервером с помощью AJAX и отображением результата.

Последовательность выполнения задания

Теоретические сведения

Средством т.н. «фонового» обмена данными в информационных сетях между браузером и веб-сервером служит технология Asynchronous JavaScript and XML (AJAX).

AJAX не зависит от программного обеспечения веб-сервера и использует следующие веб-стандарты:

· JavaScript

· XML

· HTML

· CSS

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

Важнейшей составляющей технологии AJAX является класс XMLHttpRequest. Объекты этого класса поддерживается в Internet Explorer (начиная 5 версии и выше), Safari 1.2, Mozilla 1.0 / Firefox, Opera 8+ и Netscape 7.

Объекты класса XMLHttpRequest по-разному создаются в различных браузерах. Так, Internet Explorer для этого использует ActiveXObject, в то время как остальные браузеры используют встроенный в JavaScript класс XMLHttpRequest.

В частности для Internet Explorer 6.0+ объект создается как:

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"). Для Internet Explorer 5.5+ как: xmlHttp = new ActiveXObject("Microsoft.XMLHTTP").Для браузеров Firefox, Opera или Safari как: xmlHttp = new XMLHttpRequest().

Использование объекта класса XMLHttpRequest реализуется посредством методов и свойств, основные из которых перечислены ниже.

Методы объекта XMLHttpRequest.

Метод open()

Метод open() создает запрос для Web-сервера.

Метод send()

Метод send() посылает запрос серверу.

Метод abort()

Метод abort() отменяет текущий запрос к серверу.