В объекте XDomainRequest есть как минимум две существенные ошибки: одна влияет на IE8, а другая - на IE9.
Выпуск 1 - Сборка мусора
В Internet Explorer 8 объект XDomainRequest неправильно подвергается сборке мусора после того, как send () был вызван, но еще не завершен. Признаки этой ошибки - трассировка сети Инструментов разработчика, показывающая "Прерванный" для запросов и ни один из обработчиков события ошибки, тайм-аута или успеха вызван
Типичный код AJAX выглядит примерно так:
function sendCrossDomainAjax(url, successCallback, errorCallback) {
var xdr = new XDomainRequest();
xdr.open("get", url);
xdr.onload = function() { successCallback(); }
xdr.onerror = function() { errorCallback(); }
xdr.send();
}
В этом примере переменная, содержащая XDomainRequest, выходит из области видимости. Если пользователю не повезло, сборщик мусора Javascript в IE запустится до того, как send () выполнит асинхронно, и запрос будет прерван. Даже если объект XDomainRequest может быть захвачен в обработчики событий OnLoad и OnError, IE увидит, что весь этот граф объекта не имеет ссылок на него, и соберет мусор. IE должен «закрепить» объект до завершения.
Вы заметите довольно много других дискуссий в интернете, в которых упоминается, что размещение setTimeout вокруг xdr.send (); вызов как-то «решит» загадочные сбои XDomainRequest. Это клудж, и совершенно неверный. Все, что происходит, - это то, что объект XDomainRequest «закрепляется» в замыкании setTimeout и не подвергается сборке мусора так быстро. Это не решает проблему.
Чтобы правильно обойти эту проблему, убедитесь, что XDomainRequest хранится в глобальной переменной до завершения запроса. Например:
var pendingXDR = [];
function removeXDR(xdr) {
// indexOf isn't always supported, you can also use jQuery.inArray()
var index = pendingXDR.indexOf(xdr);
if (index >= 0) {
pendingXDR.splice(index, 1);
}
}
function sendCrossDomainAjax(url, successCallback, errorCallback) {
var xdr = new XDomainRequest();
xdr.open("get", url);
xdr.onload = function() {
removeXDR(xdr);
successCallback();
}
xdr.onerror = function() {
removeXDR(xdr);
errorCallback();
}
xdr.send();
pendingXDR.push(xdr);
}
Проблема 2 - Отсутствует OnProgress EventHandler
Эта вторая проблема уже известна. Internet Explorer 9 ввел регрессию в объекте XDomainRequest, где отсутствующий (нулевой) обработчик события OnProgress приведет к прерыванию запроса при попытке сообщить информацию о ходе выполнения.
Для быстрых запросов IE9 никогда не пытается вызвать обработчик события OnProgress, и запрос успешно выполняется. Определенные условия, например, когда IE задерживает запрос из-за слишком большого количества открытых соединений, задержки в сети, медленных ответов сервера или больших полезных нагрузок запросов или ответов, приведет к тому, что IE9 начнет сообщать информацию о ходе выполнения.
IE9 пытается вызвать обработчик события без предварительной проверки его существования, а объект XDomainRequest аварийно завершает работу и самоуничтожается.
Чтобы решить эту проблему, всегда убедитесь, что обработчик событий подключен к OnProgress. Учитывая ошибку, неплохо было бы добавить защитные обработчики событий ко всем событиям объекта.
var xdr = new XDomainRequest();
xdr.open("get", url);
xdr.onprogress = function() { };
// regsister other event handlers
Другие вопросы
Я, кажется, сообщает, что XDomainRequest может завершиться ошибкой, если обработчики событий зарегистрированы до вызова .open (). Опять же, для защиты неплохо было бы зарегистрировать их между вызовами .open () и .send (). Я лично не проверял, действительно ли это ошибка.
Если вы столкнулись с ошибкой «Отказано в доступе», то это потому, что XDomainRequest не разрешает несоответствующие схемы URI между целевой и главной страницей. Другими словами, попробуйте не вызывать ресурс HTTP со страницы HTTPS.
Остерегайтесь большинства библиотек XDomainRequest в Интернете. Я посмотрел на большинство популярных, таких как различные транспортные плагины JQuery AJAX (включая те, которые приведены в другом ответе здесь).
И, конечно же, на XDomainRequest распространяются все его обычные ограничения и ограничения . Это не ошибки как таковые, а по сравнению с предупреждениями (iframe kludges, Flash crossdomain.xml) они не , плохие.
Я разместил новый транспорт jQuery AJAX XDomainRequest под лицензией общественного достояния здесь: https://github.com/ebickle/snippets/tree/master/javascript/xdomainrequest