Hola
Tengo implementado un sistema de pestaña que me carga datos dinámicamenten a través de ajax y resulta que a veces funciona (la mayoría), pero otras (aleatoriamente por lo visto) no funciona.
Yo trabajo siempre con este esquema:
En un fichero.js tengo:
Código Javascript
:
Ver original// creando objeto XMLHttpRequest de Ajax
function nuevoAjax()
{
/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo*/
var xmlhttp=false;
try{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
try{
// Creacion del objeto AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
function cargar(pagina, categoria, modo) {
var url;
var obCon = document.getElementById('files');
var ajax = nuevoAjax();
url = 'ver.php?_pagina='+pagina+'&c='+categoria+'&ajax=1&modo='+modo;
$("#files").empty().html('<div class="loading"><img src="imgs/loading.gif" /></div>');
ajax.open("GET", url);
ajax.onreadystatechange=function(){
if(ajax.readyState==4){
// Al recibir la respuesta coloco directamente el HTML en la capa contenedora
obCon.innerHTML=ajax.responseText;
}
}
ajax.send(null);
}
En la página ejecuto la función cargar() a través de un evento (onclick) y el contenido se carga en el <div id="files"> como se puede ver en el código.
¿Alguien ve el error por algún lado?
Un saludo y gracias.