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.