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:27
#permalink

херово...


Автор: Гость (не зарегистрирован), дата: 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) очищать в процессе,
а то перспиктива его роста вообще не радует.


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


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

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

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

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


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
3 + 11 =
Введите результат. Например, для 1+3, введите 4.
 
Текущий раздел
Поиск по сайту
Содержание

Учебник javascript

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

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

Интерфейсы

Все об AJAX

Оптимизация

Разное

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

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