llamadas simultaneas en AJAX

[matak]

Si te he entendido bien a mi me paso eso. Lo solucione llamando de forma diferente a los objetos ajax, el problema es que tube que crear 2 funciones diferentes que hacen lo mismo con la salvedad que los nombres de los objetos difieren. Se que no es muy eficiente, pero en su día no encontré otra solución.

pe:

Código javascript:

//Funcion que crea el objeto ajax
function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
    }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
function f1(url,divcontenido){
    ajax1=objetoAjax();
    ajax1.open("POST", url, true);
    ajax1.onreadystatechange=function() {
        if (ajax1.readyState==4) {
            divcontenido.innerHTML = ajax1.responseText
        }
    }
    ajax1.send(null)
}
 
 
function f2(url,divcontenido){
    ajax2=objetoAjax();
    ajax2.open("POST", url, true);
    ajax2.onreadystatechange=function() {
        if (ajax2.readyState==4) {
            divcontenido.innerHTML = ajax2.responseText
        }
    }
    ajax2.send(null)
}
 

Código html:

<input type='button' value='actualiza' onclick="javascript:f1('prueba1.php',document.getElementById('div1'));javascript:f2('prueba2.php',document.getElementById('div2'));">
<div style="width:50%;float:left" id="div1"></div>
<div style="width:50%;float:left" id="div2"></div>
 

prueba1.php

Código html:

<font style="font-size:30pt;color:red;">contenido prueba1.php</font>
 

prueba2.php

Código html:

<font style="font-size:30pt;color:green;">contenido prueba2.php</font>
 

Ya dirás, Saludos