multiple ajax calls simultaneously

[Early Woods]

Hey,

In the following code the function showdivs() is called on body load, though only the second div is loaded. I've been searching on the web for similar problems and I know it has to do with the handler function, which is supposed to be run twice but now just cancels the first function as soon as the second one is called. Could anybody explain me how to solve this?
TIA,

Woods

var time_variable;
 
function getXMLObject()  //XML OBJECT
{
   var xobject = false;
   try {
     xobject = new ActiveXObject("Msxml2.XMLHTTP")  // For Old Microsoft Browsers
   }
   catch (e) {
     try {
       xobject = new ActiveXObject("Microsoft.XMLHTTP")  // For Microsoft IE 6.0+
     }
     catch (e2) {
       xobject = false   // No Browser accepts the XMLHTTP Object then false
     }
   }
   if (!xobject && typeof XMLHttpRequest != 'undefined') {
     xobject = new XMLHttpRequest();        //For Mozilla, Opera Browsers
   }
   return xobject;  // Mandatory Statement returning the ajax object created
}
 
var xobject = new getXMLObject();    //xmlhttp holds the ajax object
 
 
function handler() {
    var getdate = new Date();
 
    if(xobject) {
        xobject.open("POST",phpFile,true);
        xobject.onreadystatechange  = function() {
            if (xobject.readyState==4) {
                if(xobject.status == 200) {
                    document.getElementById(divID).innerHTML=xobject.responseText;
                }
                else {
                    alert('error');
                }
            }
        }
        xobject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xobject.send(postVars);
    } 
}
 
 
function showdiv1() {
      divID = "div1"; //define html div
      phpFile = "showdiv1.php"; //define file to be loaded
      postVars = "null"; //define post vars
      new handler();
}
 
function showdiv2() {
      divID = "div2"; //define html div
      phpFile = "showdiv2.php"; //define file to be loaded
      postVars = "null"; //define post vars
      new handler();
}
 
function showdivs() {
showdiv1();
showdiv2();
}
 

[Dormilich]

actually, both are loaded. it’s just that the second overwrites the first one.

PS. it’s null, not "null"

[Early Woods]

Solved it - suppose nice to share?

var time_variable;
 
function getXMLObject()  //XML OBJECT
{
   var gobject = false;
   try {
     gobject = new ActiveXObject("Msxml2.XMLHTTP")  // For Old Microsoft Browsers
   }
   catch (e) {
     try {
       gobject = new ActiveXObject("Microsoft.XMLHTTP")  // For Microsoft IE 6.0+
     }
     catch (e2) {
       gobject = false   // No Browser accepts the XMLHTTP Object then false
     }
   }
   if (!gobject && typeof XMLHttpRequest != 'undefined') {
     gobject = new XMLHttpRequest();        //For Mozilla, Opera Browsers
   }
   return gobject;  // Mandatory Statement returning the ajax object created
}
 
function handler(div) {
 
    var xobject = new getXMLObject();    //xmlhttp holds the ajax object
    var randint = Math.random();
    var getdate = new Date();
 
        xobject.open("POST",phpFile,true);
        xobject.onreadystatechange  = function() {
            if (xobject.readyState==4) {
                if(xobject.status == 200) {
                    document.getElementById(div).innerHTML=xobject.responseText;
                }
                else {
                    alert('error');
                }
            }
        }
        xobject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xobject.send(postVars);
    } 
 
 
function showdiv1() {
      divID = "div1"; //define html div
      phpFile = "showdiv1.php"; //define file to be loaded
      postVars = "var1=somevalue"; //define post vars
      handler(divID);
}
 
function showdiv2() {
      divID = "div2"; //define html div
      phpFile = "showdiv2.php"; //define file to be loaded
      postVars = "var2=somevalue"; //define post vars
      handler(divID);
}
 
function showdiv3() {
      divID = "div3"; //define html div
      phpFile = "showdiv3.php"; //define file to be loaded
      postVars = "verzend=somevalue"; //define post vars
      handler(divID);
}
 
function showdivs() {
showdiv1();
showdiv2();
showdiv3();
}