САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
×

JS Учебник

JS Главная JS Введение JS Установка JS Вывод JS Синтаксис JS Заявления JS Комментарии JS Переменные JS Операторы JS Арифметика JS Присваивания JS Типы данных JS Функции JS Объекты JS Область JS События JS Строки JS Методы строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Формат даты JS Метод получения дат JS Методы набора... JS Математические... JS Случайные числа JS Булевы JS Сравнение... JS Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Отладчик JS Подъемный JS Строгий JS Ключевое слово this JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы JS Формы API

JS Объекты

Определение объекта Свойства объекта Методы объекта Доступ к объекту Конструкторы объекта Прототипы объекта Объект ECMAScript 5

JS Функции

Определение функции Параметры функции Вызов Функции Вызвать Функцию Применение функции Закрытие Функции

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель события DOM Навигация DOM Узлы DOM Коллекции DOM Список узлов

JS Браузера BOM

JS Окно JS Экран JS Местоположение JS История JS Навигатор JS Всплывающее окна JS Синхронизация JS Cookies

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Ответ AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON или XML JSON Типы данных JSON Парсинг JSON Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS или jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Ввод


AJAX - Объект XMLHttpRequest



Основой технологии AJAX является объект XMLHttpRequest.


Объект XMLHttpRequest

Все современные браузеры поддерживают объект XMLHttpRequest.

Объект XMLHttpRequest может использоваться для скрытого обмена данными с веб сервером. Это означает, что можно обновить части веб страницы, не перегружая всю страницу целиком.


Создание объекта XMLHttpRequest

Все современные браузеры (Chrome, Firefox, IE7+, Edge, Safari, Opera) имеют встроенный объект XMLHttpRequest.

Синтаксис для создания объекта XMLHttpRequest:

variable = new XMLHttpRequest();

Пример

var xhttp = new XMLHttpRequest();
Попробуйте сами »

Доступа между доменами

По соображениям безопасности современные браузеры не разрешают доступ через домены.

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

Примеры в Schoolsw3 все открытые XML файлы, расположенные в домене Schoolsw3.

Если вы хотите использовать приведенный выше пример на одной из ваших собственных веб страниц, загружаемые XML файлы должны быть расположены на вашем собственном сервере.



Старые браузеры (IE5 и IE6)

В старых версиях Internet Explorer (5/6) вместо объекта ActiveX используется объект XMLHttpRequest:

variable = new ActiveXObject("Microsoft.XMLHTTP");

Чтобы обработать IE5 и IE6, проверьте, поддерживает ли браузер объект XMLHttpRequest, или создайте объект ActiveX:

Пример

if (window.XMLHttpRequest) {
   // код для современных браузеров
   xmlhttp = new XMLHttpRequest();
 } else {
   // код для старых браузеров IE
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
Попробуйте сами »

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

Методы Описание
new XMLHttpRequest() Создает новый объект XMLHttpRequest
abort() Отменяет текущий запрос
getAllResponseHeaders() Возвращает информацию заголовка
getResponseHeader() Возвращает определенную информацию заголовка
open(method, url, async, user, psw) Задает запрос

method: тип запроса GET или POST
url: расположение файла
async: true (асинхронный) или false (синхронный)
user: необязательное имя пользователя
psw: необязательный пароль
send() Отправляет запрос на сервер
Используется для получения запросов
send(string) Отправляет запрос на сервер.
Используется для почтовых запросов
setRequestHeader() Добавляет пару метка / значение в заголовок для отправки

Свойства объекта XMLHttpRequest

Свойства Описание
onreadystatechange Определяет функцию, вызываемую при изменении свойства readyState
readyState Содержит статус XMLHttpRequest.
0: запрос не инициализирован
1: установлено соединение с сервером
2: запрос получен
3: обработка запроса
4: запрос завершен и ответ готов.
responseText Возвращает данные ответа в виде строки
responseXML Возвращает данные ответа в виде XML данных
status Возвращает статус-номер запроса
200: "ДА"
403: "Запрещенный"
404: "Не найдено"
Для получения полного списка перейдите в раздел Справочник Http Сообщения
statusText Возвращает статус-текст (напр. "ДА" или "Не найдено")