:: problema con 2 loads de páginas simultáneas ::

[alex28]

Buenos días~
Tengo una página en la cual se cargan dos secciones usando AJAX al cargar.

El problema es que se carga solo una, si deshabilito la que se carga entonces se carga la otra, y sospecho que es porque es un solo script de AJAX el cual se reutiliza para cargar ambas.
Mi pregunta es: ¿Cómo se hacen los llamados para cargar dos secciones usando AJAX?

Estoy utilizando el siguiente script en el HEAD del HTML para cargar ambas secciones:

Código:

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  ajaxload('lclass=<%=id_class%>&lsubclass=<%=id_subclass%>', 'index.asp', 'subclasssec');
  //ajaxload('showclasses=all', 'index.asp', 'shownewssec');
});
</script>

En las últimas líneas están los llamados para cargar las 2 secciones.

Si necesitan el código AJAX para cargar las secciones (que es uno solo) avísenme.

Muchísimas gracias de antemano!

[GatorV]

Hola alex28,

¿Podrías publica el código de tu función ajaxload?

Saludos.

[alex28]

Si claro:

Código:

var xmlHttp;
function ajaxload(str, gopage, loadsec){
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null){
		alert ("Su navegador web no maneja AJAX!");
		return;
	}
	//Add passed Values
	var url = gopage;
	//If variables are set
	if (str != ''){
		url = url + '?' + str + '&sid=' + Math.random();
	}
	else {
		url = url + '?sid=' + Math.random();
	}
	document.getElementById(loadsec).innerHTML= '<div align="center"><img src="images/indicator.gif" /></div>';
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.send(url);
	//alert(url);
	function stateChanged(){
		if (xmlHttp.readyState==4){
			document.getElementById(loadsec).innerHTML=xmlHttp.responseText;
		}
	}
}

function GetXmlHttpObject(){
	var xmlHttp=null;
	try{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e){
		// Internet Explorer
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

[GatorV]

Bueno lo que puedo ver es que tu función ocupa una variable global la cual se sobrescribe cada que llamas a tu función ajaxload.

Te recomendaría cambiar el código de tu función para que no ocupe variables globales.

Saludos.

[alex28]

Sí! hahaha, eso lo solventó!
Puse la variable xmlHttp propia de la función ajaxload!

Mil gracias!!!