JavaScript. Подробное руководство, 6-е издание, Флэнаган Дэвид

JavaScript. Подробное руководство, 6-е издание

на обложку

Флэнаган Дэвид

Шрифт:

Пример 18.12. Реализация поддержки предельного времени ожидания

// Выполняет запрос HTTP GET на получение содержимого указанного URL.

// В случае благополучного получения ответа передает содержимое responseText функции

// обратного вызова. Если ответ не пришел в течение указанного времени, выполнение

// запроса прерывается. Броузеры могут возбуждать событие "readystatechange" после

// вызова abort, а в случае получения части ответа свойство status может даже

// свидетельствовать об успехе, поэтому необходимо установить флаг, чтобы избежать

// вызова функции в случае получения части ответа при прерывании запроса по превышению

// времени ожидания. Эта проблема не наблюдается при использовании события load,

function timedGetText(url, timeout, callback) {

var request = new XMLHttpRequest; // Создать новый запрос,

var timedout = false; // Истекло ли время ожидания.

// Запустить таймер, который прервет запрос по истечении

// времени, заданного в миллесекундах.

var timer = setTimeout(function { // Запустить таймер. Если сработает,

timedout = true; // установить флаг

request.abort; // и прервать запрос.

};

timeout); // Интервал времени ожидания

request.open( "GET", url); // Указать URL запроса

request.onreadystatechange = function { // Обработчик события.

if (request.readyState !== 4) return; // Игнорировать незаконч. запрос

if (timedout) return; // Игнорировать прерв. запрос

clearTimeout(timer); // Остановить таймер,

if (request.status === 200) // В случае успеха

callback(request.responseText); // передать ответ функции.

};

request.send(null); // Отправить запрос

}

18.1.6. Выполнение междоменных НТТР-запросов

Будучи субъектом политики общего происхождения (раздел 13.6.2), объект

XMLHttpRequest

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

<form>

<iframe>

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

XMLHttpRequest

содержимое документа всегда доступно через свойство

responseText

, поэтому политика общего происхождения не позволяет объекту

XMLHttpRequest

выполнять междоменные запросы. (Обратите внимание, что элемент

<script>

в действительности никогда не был субъектом политики общего происхождения: он будет загружать и выполнять любые сценарии, независимо от их происхождения. Как будет показано в разделе 18.2, такая свобода выполнения междоменных запросов делает элемент

<script>

привлекательной альтернативой Ajax-транспорту на основе объекта

XMLHttpRequest

Спецификация «ХНН2» позволяет выполнять междоменные запросы к другим веб-сайтам, указанным в заголовке «CORS» (Cross-Origin Resource Sharing) HTTP-ответа. На момент написания этих строк текущие версии броузеров Firefox, Safari и Chrome поддерживали заголовок «CORS», а версия IE8 поддерживала собственный объект

XDomainRequest

, который здесь не описывается. Веб-программисту при этом не придется делать ничего особенного: если броузер поддерживает заголовок «CORS» для объекта

XMLHttpRequest

и если вы пытаетесь выполнить междоменный запрос к веб-сайту, доступ к которому разрешен в заголовке «CORS», политика общего происхождения просто не будет препятствовать выполнению междоменного запроса, и все будет работать само собой.

Хотя при наличии поддержки заголовка «CORS» не требуется предпринимать какие-то дополнительные шаги для выполнения междоменных запросов, тем не менее имеются некоторые детали, касающиеся безопасности, которые желательно понимать. Во-первых, при передаче имени пользователя и пароля методу

open

объекта

XMLHttpRequest

они не будут передаваться в междоменных запросах (в противном случае это дало бы злоумышленникам возможность взламывать пароли). Кроме того, междоменные запросы обычно не допускают включение в них никакой другой информации, подтверждающей подлинность пользователя: cookies и HTTP-лексемы аутентификации обычно не передаются в составе запроса, а любые cookies, полученные в результате выполнения междоменного запроса, уничтожаются. Если для выполнения междоменного запроса требуется выполнить аутентификацию пользователя, перед вызовом метода

send

следует установить свойство

withCredentials

объекта

XMLHttpRequest

в значение true. Проверка наличия свойства

withCredentials

позволит определить наличие поддержки заголовка «CORS» в броузере, хотя обычно этого не требуется.

В примере 18.13 приводится ненавязчивый JavaScript-код, использующий объект

XMLHttpRequest

для выполнения HEAD-запросов HTTP с целью получения информации о типах, размерах и датах последнего изменения ресурсов, на которые ссылаются элементы

<а>.

HEAD-запросы выполняются по требованию, а полученная информация отображается во всплывающих подсказках. В этом примере предполагается, что информация не будет доступна для междоменных ссылок, тем не менее в броузерах с поддержкой заголовка «CORS» все равно будут выполняться попытки получить ее.

Пример 18.13. Получение информации о ссылках с помощью HEAD-запросов при наличии поддержки заголовка «CORS»

/**

* linkdetails.js

* Этот модуль в стиле ненавязчивого JavaScript отыскивает все элементы <а>

* с атрибутом href и без атрибута title, и добавляет в них обработчики