cargar 2 paginas con ajax a mismo tiempo
Publicado por Ernesto Mtz (1 intervención) el 01/12/2006 04:36:38
Hola a todos.
Primero que nada quiero coemntrles que soy novato en esto de AJAX, y estoy haciendo mi primeros pininos.
Alguien tiene algun ejemplo de como cargar 2 archivos HTML en una pagina (cada archivo en un div diferente).
Quiero cargar 2 archivos que contienen un menu, esos menus los quiero desplegar en una pagina. Ya hice que se cargara un menu. En el evento onload mando llamar los 2, pero solo me carga el ultimo, a que se debe esto?? que estoy haciendo mal.
Asi es como las mando llamar.
<body onLoad="leer_doc('menu_ligamayor.htm','menus1'); leer_doc('menu_juvenil.htm','menus2');">
Soy novato en esto de AJAX, si algo estoy haciendo mal por favor haganmelo saber.
Les pongo el codigo donde creo el AJAX
// creacion del objeto XMLHttpRequest
function creaAjax(){
var objetoAjax=false;
try {
/*Para navegadores distintos a internet explorer*/
objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
/*Para explorer*/
objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E) {
objetoAjax = false;
}
}
if (!objetoAjax && typeof XMLHttpRequest!='undefined') {
objetoAjax = new XMLHttpRequest();
}
return objetoAjax;
}
function leer_doc(url,capa) {
f = capa;
var req = false;
req = creaAjax()
if(req){
req.onreadystatechange = function() {
//c = document.getElementById("noticia_principal");
c = document.getElementById(f);
if (req.readyState == 4) {
c.innerHTML = "Cargando...";
}
if (req.readyState == 4) {
if (req.status == 200) {
//copia el contenido del request al div con id contenido
c.innerHTML = req.responseText;
} else {
alert("Hubo un Error tratando de leer los datos:\n" + req.statusText);
}
}
}
req.open('GET', url, true);
req.send(null);
}
}
Primero que nada quiero coemntrles que soy novato en esto de AJAX, y estoy haciendo mi primeros pininos.
Alguien tiene algun ejemplo de como cargar 2 archivos HTML en una pagina (cada archivo en un div diferente).
Quiero cargar 2 archivos que contienen un menu, esos menus los quiero desplegar en una pagina. Ya hice que se cargara un menu. En el evento onload mando llamar los 2, pero solo me carga el ultimo, a que se debe esto?? que estoy haciendo mal.
Asi es como las mando llamar.
<body onLoad="leer_doc('menu_ligamayor.htm','menus1'); leer_doc('menu_juvenil.htm','menus2');">
Soy novato en esto de AJAX, si algo estoy haciendo mal por favor haganmelo saber.
Les pongo el codigo donde creo el AJAX
// creacion del objeto XMLHttpRequest
function creaAjax(){
var objetoAjax=false;
try {
/*Para navegadores distintos a internet explorer*/
objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
/*Para explorer*/
objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E) {
objetoAjax = false;
}
}
if (!objetoAjax && typeof XMLHttpRequest!='undefined') {
objetoAjax = new XMLHttpRequest();
}
return objetoAjax;
}
function leer_doc(url,capa) {
f = capa;
var req = false;
req = creaAjax()
if(req){
req.onreadystatechange = function() {
//c = document.getElementById("noticia_principal");
c = document.getElementById(f);
if (req.readyState == 4) {
c.innerHTML = "Cargando...";
}
if (req.readyState == 4) {
if (req.status == 200) {
//copia el contenido del request al div con id contenido
c.innerHTML = req.responseText;
} else {
alert("Hubo un Error tratando de leer los datos:\n" + req.statusText);
}
}
}
req.open('GET', url, true);
req.send(null);
}
}
Valora esta pregunta
0
