Problema con AJAX

[carlodem7]

Hola amigos el inconveniente es el siguiente:
deseo mostrar 2 contenidos en diferentes contenedores mediante AJAX y para eso estoy utilizando el siguiente codigo:

var XMLHttpRequestObject = false;
if (window.XMLHttpRequest)
{
XMLHttpRequestObject = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function verifica(fuenteDatos, divID)
{
if(XMLHttpRequestObject)
{
var obj = document.getElementById(divID);
document.getElementById(divID).innerHTML="Procesan do...";
XMLHttpRequestObject.open("GET", fuenteDatos);
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200)
{
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}


y en mi pagina llamo asi a la funcion


<table>
<tr>
<td>
<div id="respuesta"></div>
<script>verifica('pagina1.jsp','respuesta');</script>
</td>
<td>
<div id="detalle"></div>
<script>verifica('otrapagina.jsp','detalle');</script>
</td>
</tr>
</table>

e aui donde ocurre el problema ... solamente carga el contenido en el segundo DIV --> <div id="detalle"></div>

Al parecer el AJAX solo permite cargar una sola vez.

¿Alguna sugerencia para poder cargar mas de un contenido?

gracias

[GatorV]

Hola carlodem7,

Tienes que instanciar tu objeto AJAX dentro de tu función verifica, porque de lo contrario te pasa lo que expones, pierdes el request anterior ya que se cancela con el nuevo.

Saludos

[carlodem7]

ahora he encontrado algo un poco mas eleborado


function nuevoAjax(xmlhttp){

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 cargarContenido(pagina,destino){
var contenedor;
var ajax;

contenedor = document.getElementById(destino);
ajax = nuevoAjax(ajax);
ajax.open("GET", pagina, true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
contenedor.innerHTML = ajax.responseText;
}
}
ajax.send(null);
}



y los llamo de la siguiente manera

<script>cargarContenido('pagina1.jsp','respuesta') ;</script>
<script>cargarContenido('pagina2.jsp','detalles'); </script>

bueno con esto al parecer se soluciono el problema pero me di cuenta que solo me funciona con Mozilla Firefox .... pero no logro hacerlo funcionar con internet explorer debido que solo carga el primer div y el segundo div no.
lo he estado probando con IE 7 y sistema opeerativo Win Vista

alguna idea??

[GatorV]

Es lo mismo, tienes que declarar como local la variable en xmlhttp dentro de nuevoAjax, de lo contrario se vuelve global.

Saludos

[carlodem7]

Iniciado por GatorV

Es lo mismo, tienes que declarar como local la variable en xmlhttp dentro de nuevoAjax, de lo contrario se vuelve global.

Saludos

Ya declare como local la variable que me mencionaste .. pero sigue con el mismo error solo me funciona en firefox y no en IE ....

Tu crees que puedas agregar en el codigo la sugerencia que me estas dando?? es posible que yo la este aplicando mal ..

gracias por tu ayuda

[GatorV]

Prueba así:

Código javascript:

function nuevoAjax(){
var xmlhttp;
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 cargarContenido(pagina,destino) {
      var contenedor;
      var ajax;
 
      contenedor = document.getElementById(destino);
      ajax = nuevoAjax();
      ajax.open("GET", pagina, true);
      ajax.onreadystatechange=function() {
            if (ajax.readyState==4) {
                  contenedor.innerHTML = ajax.responseText;
           }
      }
      ajax.send(null);
}
 

Saludos

[carlodem7]

Gracias GatorV por tomarte el tiempo de revisar este caso .. lamentablemente con el script que me proporcionaste tampoco funciona en internet explorer 7.
tan solo funciona en firefox.

seguiremos en la prueba y falla a ver que pasa.

saludos

[GatorV]

Mmm muy extraño, te recomendaría mejor migrar a una solución mas fuerte como usar prototype, que es lo que yo uso, es simplemente hacer un new Ajax.Updater y ya con eso, funciona en todos los exploradores que lo he probado.

Saludos