Ajax два запроса

[mycoding]

Подскажите, пожалуйста, вот надо загрузить два разных документа или ингогда даже 3 и более, если вызывать
так (сама функция ниже)

load('1.html','work1');
load('2.html','work2');
load('3.html','work3');

то, в элемент work2 записаться 1.html ну тому подобное, что посоветуете?
вот сама функция

function load(what,where)
{ 


if(window.ActiveXObject)
{
  try
  {
   xml=new ActiveXObject("Microsoft.XMLHTTP");
  }
  catch (e)
  {
  xml=false;
  }
}
else
{
  try
  {
  xml=new XMLHttpRequest();
  }
  catch (e)
  {
  xml=false;
  }
}

if(!xml) alert("Error creating the XMLHttpRequest object");

 
  xml.onreadystatechange = function()
		{ 
	                if(xml.readyState != 4 || xml.readyState==0)
			    {
                        document.getElementById(where).innerHTML=" <img src='/img/pb.gif'> ";	
                      }
			if(xml.readyState == 4)
			{
				if(xml.status == 200)
				{
					document.getElementById(where).innerHTML=xml.responseText;
				}	
				else	
				{
					document.getElementById(where).innerHTML="Error: returned status code " + xml.status + " " + xml.statusText;
				}	
			} 
		}; 
   xml.open("GET", what, true); 
   xml.send(null);

}

[Gvozd]

function load(what,where)
{ 
 
 
if(window.ActiveXObject)
{
  try
  {
   xml=new ActiveXObject("Microsoft.XMLHTTP");
  }
  catch (e)
  {
  xml=false;
  }
}
else
{
  try
  {
  xml=new XMLHttpRequest();
  }
  catch (e)
  {
  xml=false;
  }
}
 
if(!xml) alert("Error creating the XMLHttpRequest object");
 
 (function(){
var _where=where;
  xml.onreadystatechange = function()
        { 
                    if(xml.readyState != 4 || xml.readyState==0)
                {
                        document.getElementById(_where).innerHTML=" <img src='/img/pb.gif'> ";    
                      }
            if(xml.readyState == 4)
            {
                if(xml.status == 200)
                {
                    document.getElementById(_where).innerHTML=xml.responseText;
                }    
                else    
                {
                    document.getElementById(_where).innerHTML="Error: returned status code " + xml.status + " " + xml.statusText;
                }    
            } 
        }; 
})();
   xml.open("GET", what, true); 
   xml.send(null);
 
}

http://javascript.ru/basic/closure

[mycoding]

Всё равно тоже самое...

[Octane]

<script type="text/javascript">
function load(url, container) { 
	var xhr = typeof XMLHttpRequest == "undefined" ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest;
	xhr.open("GET", url, true);
	xhr.send(null);
	container.innerHTML = ' <img src="http://javascript.ru/forum/images/ca_serenity/misc/progress.gif" alt="loading…" /> ';
	(function () {
		if (xhr.readyState == 4) {
			if(xhr.status == 200) {
				container.innerHTML = xhr.responseText;
			}
			else {
				container.innerHTML = "Error: returned status code " + xhr.status + " " + xhr.statusText;
			}
		}
		else {
			setTimeout(arguments.callee, 20);
		}
	}());
}

function doIt() {
	load("http://javascript.ru/forum/clientscript/vbulletin_editor.css?p=" + Math.random(), document.getElementById("work1"));
	load("http://javascript.ru/modules/codeviewer/codeviewer.css?p=" + Math.random(), document.getElementById("work2"));
	load("http://javascript.ru/forum/images/ca_serenity/misc/scripts.js?p=" + Math.random(), document.getElementById("work3"));
}
</script>

<div id="work1" style="background: #fcc;">1</div>
<div id="work2" style="background: #cfc;">2</div>
<div id="work3" style="background: #ccf;">3</div>
<button onclick="doIt()">Загрузить</button>

[mycoding]

Да этот вариант работает, спасибо ....

[mycoding]

Щас свою функцию исправил и теперь и она работает, похоже надо было добавить в код вот только это

var xml;

а сама функция теперь выглядит вот так

function load(what,where)
{ 
var xml; 
 
if(window.ActiveXObject)
{
  try
  {
   xml=new ActiveXObject("Microsoft.XMLHTTP");
  }
  catch (e)
  {
  xml=false;
  }
}
else
{
  try
  {
  xml=new XMLHttpRequest();
  }
  catch (e)
  {
  xml=false;
  }
}
 
if(!xml) alert("Error creating the XMLHttpRequest object");
 
 (function(){
var _where=where;
  xml.onreadystatechange = function()
        { 
                    if(xml.readyState != 4 || xml.readyState==0)
                {
                        document.getElementById(_where).innerHTML=" <img src='/img/pb.gif'> ";    
                      }
            if(xml.readyState == 4)
            {
                if(xml.status == 200)
                {
                    document.getElementById(_where).innerHTML=xml.responseText;
                }    
                else    
                {
                    document.getElementById(_where).innerHTML="Error: returned status code " + xml.status + " " + xml.statusText;
                }    
            } 
        }; 
})();
   xml.open("GET", what, true); 
   xml.send(null);
 
}

[Octane]

Opera до версии 7.5 (2003 год, когда IE6 уже давно существовал и поддерживал AJAX!) не поддерживала XMLHttpRequest, но ее больше никто уже не использует, поэтому такая громоздкая штука с try-catch практически бесполезна, даже мобильные браузеры, например Opera Mobile 8.65 (2006 год) поддерживают XMLHttpRequst, а те, что не поддерживают, врядли запустят скрипт без других дополнительных оптимизаций.