entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Cargar paginas en un div pasando la URL como parámetro

Hola, en el ejemplo que haces para cargar paginas en un div, al final mencionas que se podría generalizar más haciendo que el URL se pase como parámetro, así el mismo código sirve para cualquier DIV y cualquier URL llamado. ¿Cómo quedaría si se hace de esa forma?

1 Respuesta

1voto

Leonardo-Tadei Puntos227320

Hola @saramaran,

Podría quedar algo como:

var xmlHttp = Conectar(); // crea el objeto XMLHttpRequest
var elDIV = ''; // valor del DIV a cargar

function cargarDIV(p, url){
    elDIV = p;
    xmlHttp.open("GET", url);
    xmlHttp.onreadystatechange = callServer;
    xmlHttp.send();
}

function callServer() {
    // Si termina la petición y responde Ok 
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            var res = xmlHttp.responseText;
            document.getElementById(elDIV).innerHTML = res;
    }
}

</script>
<body onload="javascript:cargarDIV('unDIV','elurl/del/script.php');">
<h1>Carga dinámica de DIV</h1>

<div id="unDIV">@</div>

</body>
</head>

El ID del DIV ya estaba pasado cómo parámentro, solo agregar el URL al que llamar.

Esto también se podría usar para cargar vía un botón o un evento, en vez de en el onload, según haga falta.

Saludos!

0voto

saramaran comentado

Muchas gracias por responder a mi pregunta.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta