Ajax проблемы с загрузкой

[slips]

Доброе утро, вопрос заключается в слудующем.
Есть две кнопки, при щелчке на первой срабатывает JS который при помощи Ajax возвращает данные, при клике на другую другие данные.
Так вот если очень быстро щёлкать то на одну то на другую кнопку теряются результаты возвращаемые сервером.
Как с этим можно бороться ?

[SkyM@n]

Нужно немного подправить скрипт.

[slips]

Сообщение от SkyM@n

Нужно немного подправить скрипт.

Т.е. проблема только в этом ?

[SkyM@n]

да, всего лишь.

[slips]

Сообщение от SkyM@n

да, всего лишь.

Если бы я знал где.
Может вы подскажите.

// создание ajax объекта
function createRequestObject()
{
    // переменная для хранения ссылок на обьект XmlHttpRequest
     var xmlHttp;
     try
     {
       // попытка создать обьект XmlHttpRequest
       xmlHttp = new XMLHttpRequest();
     }
     catch(e)
     {
       // предпологается что в качестве браузера использует
       // ie6 и более старая его версия
       var xmlHttpVersions = new Array('Msxml2.XMLHTTP.6.0',
                                       'Msxml2.XMLHTTP.5.0',
                                       'Msxml2.XMLHTTP.4.0',
                                       'Msxml2.XMLHTTP.3.0',
                                       'Msxml2.XMLHTTP',
                                       'Microsoft.XMLHTTP');
     // пытаемся создать обьект
     // пока одна из попыток не увенчается успехом
     for (var i=0; i<xmlHttpVersions.length && !xmlHttp; i++)
       {
        try
          {
            // попытка создать обьект XmlHttpRequest
            xmlHttp = new ActiveXObject(xmlHttpVersions[i]);
          }
        catch(e) {} // игнорируем возможные ошибки
       }
     } // вернусть созданный обьект или сведения об ошибке

     if (!xmlHttp)
       return null; else return xmlHttp;
}

function RequestDataTabs(idElement)
{
  var curTab=idElement.parentNode; // ссылаемся на li
  var ulTab=curTab.parentNode;       // ссылаемся на ul
  var cont=nodeById('InfContener'); //нашли контейнер
  var url='tabs.php';
  for (var i=0; i<ulTab.childNodes.length; i++)
    ulTab.childNodes[i].className = (ulTab.childNodes[i].className == "active") ? ''
      : ulTab.childNodes[i].className;
   curTab.className += 'active';
  var http=createRequestObject();
  if (http)
    {
      try
      {
        http.open('GET', url+'?tabid='+curTab.id,true);	       // инициируем загрузку страницы
        http.onreadystatechange = function () {	   // назначаем асинхронный обработчик события
				if(http.readyState == 4)
				 {
				  if (http.status == 200)
				    { // значение 200 говорит о том что транзакция прошла успешно
				     try
				      {
					    cont.innerHTML = http.responseText; // присваиваем содержимое
					  }catch(e) { alert("Ошибка чтения ответа сервера"+e.toString());}

					}
					 else {
                     alert("Не удалось получить данные:\n" +
                     http.statusText);
                     }
				}
			}
		http.send(null);
      } // вывести сообщение об ошибке в случае неудачи
      catch(e)
       {
         alert("Невозможно сооединиться с сервером:\n"+e.toString());
       }
    }
}

[slips]

такое ощущение что проблема имено в переменой

      var http;

[mv28jam]

function RequestDataTabs(idElement)
...if (http.status == 200){
      cont.innerHTML = http.responseText;...

Это происхоит из-за того что вы не следите за событиями. Вы запускаете ф-ю без параметра, который говорит о том какое событие будет обрабатывать этот запрос, в результате у вас может висеть неограниченное количество запросов, которые могут сработать в любой момент независимо от порядка их вызова. Это всё равно что пытаться записать время прихода сотрудников на работу без указания имён.
есть 2 варианта решения
1)Запретить отправку запроса если не пришёл результат любого другого уже запущенного.

function RequestDataTabs(idElement){
   if(!flag) return false;
   flag=false;
...if (http.status == 200){
      flag=true;
      cont.innerHTML = http.responseText;...

2)Давать событиям(запросам) идентификаторы, и зависимости от того какое событие произошло определять действия.

function RequestDataTabs(idElement, id){
...if (http.status == 200){
      somefunction(http.responseText, id);
      ...
}
function somefunction(res, id){
   if(id  ....) x.innerHTML = res;
}

[slips]

спасибо вам огромное..