Последовательные запросы Ajax без библиотеки jQuery/JS

Question

У меня проблема, в основном с IE.

Мне нужно иметь возможность обрабатывать n запросов один за другим. Но если я просто вызываю свою функцию ниже в IE цикла, то делает некоторые странные вещи (например, загружает только так много вызовов). Если я использую окно предупреждения, это доказывает, что функция получает все вызовы, и на удивление ЭТО РАБОТАЕТ!

Я полагаю, что для IE требуется больше времени, чем другие браузеры, и окно предупреждения делает именно это.

Вот мой код:

var Ajax = function(all) { 
    this.xhr = new XMLHTTPREQUEST(); // Function returns xhr object/ activeX 
    this.uri = function(queries) { // Takes an object and formats query string 
    var qs = "", i = 0, len = size(queries); 
    for (value in queries) { 
    qs += value + "=" + queries[value]; 
    if (++i <= len) { qs += "&"; } 
    } 
    return qs; 
    }; 
    xhr.onreadystatechange = function() { // called when content is ready 
    if (this.readyState === 4) { 
    if (this.status === 200) { 
    all.success(this.responseText, all.params); 
    } 
    this.abort(); 
    } 
    }; 
    this.post = function() { // POST 
    xhr.open("POST", all.where, true); 
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    xhr.send(uri(all.queries)); 
    }; 
    this.get = function() { // GET 
    xhr.open("GET", all.where + "?" + uri(all.queries), true); 
    xhr.send(); 
    }; 
    if (this instanceof Ajax) { 
    return this.Ajax; 
    } else { 
    return new Ajax(all); 
    } 
}; 

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

Answer 1

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

Похоже на то, что время ожидания вашего веб-сервиса отвечает на то, что ваши запросы на AJAX перекрываются, что, в свою очередь, превышает ограничение на 2 одновременных подключения.

Вы можете проверить эти статьи относительно этого ограничения:

• The Dreaded 2 Connection Limit
• The Two HTTP Connection Limit Issue
• Circumventing browser connection limits for fun and profit

Этого предел также предложил в HTTP спецификации: section 8.14 last paragraph, который вероятно, является основной причиной, по которой большинство браузеров ее навязывают.

Чтобы обойти эту проблему, вы можете рассмотреть возможность перезапуска вашего запроса AJAX ТОЛЬКО после успешного ответа от предыдущего вызова AJAX. Это предотвратит совпадение. Рассмотрим следующий пример:

function autoUpdate() { 
    var ajaxConnection = new Ext.data.Connection(); 

    ajaxConnection.request({ 
     method:   'GET', 
     url:   '/web-service/', 

     success: function (response) { 
      // Add your logic here for a successful AJAX response. 
      // ... 
      // ... 

      // Relaunch the autoUpdate() function in 100ms. (Could be less or more) 
      setTimeout(autoUpdate, 100); 
     } 
    } 
} 

В этом примере используется ExtJS, но вы можете очень легко использовать только XMLHttpRequest.

Answer 2

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

Answer 3

Я предлагаю изменить ваши запросы, чтобы у вас было всего несколько (4?) В любой момент времени. Вероятно, вы видите результат очередности очередей запросов и тайм-аутов до того, как ваш код сможет их обработать. Только гашь. У нас есть библиотека ajax, которая имеет встроенный дросселирование и очереди запросов, так что у нас есть только 4 выдающихся в любой момент времени и не вижу никаких проблем. Мы регулярно q лотов на страницу.

Answer 4

Ваш код выглядит так, как будто он составлен с использованием шаблона конструктора. Вы вызываете его с помощью нового оператора, например var foo = new Ajax(...) в своем кодовом коде? Или вы просто называете это прямо как var foo = Ajax(...)?

Если последнее, вы, вероятно, переписываете состояние при последующих звонках. Похоже, он предназначен для вызова для создания объекта, на который вызывается метод get/post.Это может быть вашей проблемой, если вы «вызываете ее в цикле», как вы говорите.