Javascript.RU

XMLHTTPRequest, состояние interactive

Официально у объекта XMLHTTPRequest есть состояние readyState=3, interactive, при котором ответ находится в процессе загрузки, и уже полученная часть может быть прочитана в responseText.

В ряде браузеров это действительно работает, и состояние interactive можно использовать для передачи сообщений с сервера.

Кнопка ниже запускает XMLHTTPRequest, на который сервер отвечает по 1 цифре в секунду.

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

Тут будут сообщения

На самом деле readyState браузеры поддерживают всяк в свою степь, и результаты могут быть различные. На момент написания, "как надо" работало только в Firefox, более-менее работало в Opera/Safari, в IE 6-7 не работает вообще.

Можно использовать состояние interactive для server push: каждое событие interactive знаменует приход новой порции данных.

Тут будут сообщения

(Если Вы нажали на обе кнопки, то сообщения обоих запросов будут вываливаться в один div)

Функция обработки будет такой:

var last_char = 0
req.onreadystatechange = function() {
  if (req.readyState == 3) {
    // выцепить из ответа сервера следующий кусок
    var message = req.responseText.substr(last_char)
    last_char = req.responseText.length
  }
  ...
}
  • минимальная задержка и трафик
  • нет индикации загрузки
  • данные нельзя сжимать
  • проблемы с кросс-браузерностью, надежностью.

Автор: Гость (не зарегистрирован), дата: 13 июля, 2008 - 22:31
#permalink

ИЕ ваще не поддерживает, данные можно прочитать только когда readyState = 4


Автор: Гость (не зарегистрирован), дата: 13 августа, 2008 - 13:59
#permalink

Опера 9.50 ведет здясь себя также как ИЕ
Проблему пока никто не решил.


Автор: Гость (не зарегистрирован), дата: 22 декабря, 2008 - 03:32
#permalink

в Опере 9.62 работает


Автор: DMH, дата: 15 июля, 2010 - 15:39
#permalink

В Opera и FireFox работет, в Chrome, Safari, IE и т.д. - нет.


Автор: Ostrovski (не зарегистрирован), дата: 14 сентября, 2011 - 21:51
#permalink

В хроме уже работает!


Автор: Гость (не зарегистрирован), дата: 17 февраля, 2011 - 12:07
#permalink

Несколько лет назад реализовывал подобную конструкцию. На readyState не полагался - просто по таймеру с небольшим интервалом проверял не появилось ли чего-нибудь нового. Для IE6 (7ого тогда еще не было) читал не responseText, а responseXML.xml и все прекрасно работало.


Автор: Гостъ Дмитрий (не зарегистрирован), дата: 16 сентября, 2011 - 10:36
#permalink

Для Chrome и Safari надо ContentType установить "application/json" тогда работает!
Для IE от версии 8 испольуйте XDomainRequest вместо new ActiveXObject('MSXML2.XMLHTTP'), но этот класс работает несколько иначе, чем XmlHTTPRequest.
Для IE ниже 8 только iframe с периодическим опросом!
Вот не нашел еще красивого способа для Оперы.


Автор: Гость (не зарегистрирован), дата: 10 ноября, 2011 - 16:19
#permalink

А у меня на обарот в Opera не фурычит... загрузил последнию, заработала...
все что в IE пишу, в Opera идет на ура... в Мозилке не фурычит...


Автор: exd2 (не зарегистрирован), дата: 16 мая, 2013 - 13:11
#permalink

все хорошо, но...

5 var message = req.responseText.substr(last_char)
6 last_char = req.responseText.length

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

никто не вкурсе как бы его (req.responseText) очищать в процессе,
а то перспиктива его роста вообще не радует.


Автор: activiststernway (не зарегистрирован), дата: 8 февраля, 2023 - 06:30
#permalink

Чтобы он работал в Chrome и Safari, вы должны изменить Content Type на «application/json». После этого попробуйте!
Используйте XDomain tunnel rush Request вместо нового, начиная с версии 8 Internet Explorer.


Автор: voltag (не зарегистрирован), дата: 28 января, 2014 - 17:51
#permalink


никто не вкурсе как бы его (req.responseText) очищать в процессе,
а то перспиктива его роста вообще не радует.

Не пользовался этим методом, но предположу что надо будет обновить запрос, к примеру после 10 ответов от сервера. Т.е надо будет закрыть и пересоздать АЯКС соединение.
Протролю наверно, я бы сперва попробовал

...
  req.responseText = '';
...

хотя возможно свойство только readonly


 
Текущий раздел
Поиск по сайту
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Последние темы на форуме
Forum