Programación Web y Scripting > JavaScript
cargar pagina html basica con ajax
(1/1)
nicolas_alvarezmon:
Hola experto, tengo 2 code de <script>para cargar paginas. El problema es q no se cargan las paginas q yo le indico y me dice "acceso denegado".
E aqui el codigo <script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Asíncrono Javascript y XML</title>
<link href="misestilos.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="menu"> <a href="javascript:llamarasincrono('tutorial1.htm', 'contenidos');">El sentido del tacto</a> <a href="javascript:llamarasincrono('tutorial2.htm', 'contenidos');">Sensaciones</a> </div>
<div id="contenidos">
<h3>En esta capa se cargará asíncronamente dos fragmentos de código (x)html.</h3>
<p>Escoger una opción del menú... </p>
</div>
<script>
// Documento JavaScript
// Esta función cargará las paginas
function llamarasincrono (url, id_contenedor)
{
var pagina_requerida = false;
if (window.XMLHttpRequest)
{
// Si es Mozilla, Safari etc
pagina_requerida = new XMLHttpRequest ();
} else if (window.ActiveXObject)
{
// pero si es IE
try
{
pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
}
catch (e)
{
// en caso que sea una versión antigua
try
{
pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}
else
return false;
pagina_requerida.onreadystatechange = function ()
{
// función de respuesta
cargarpagina (pagina_requerida, id_contenedor);
}
pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
}
</script>
RadicalEd:
Checalo
--- Código: HTML ---<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Asíncrono Javascript y XML</title><link href="misestilos.css" rel="stylesheet" type="text/css"> </head><body><div id="menu"> <a href="javascript:llamarasincrono('t1.html', 'contenidos');">El sentido del tacto</a> <a href="javascript:llamarasincrono('t2.html', 'contenidos');">Sensaciones</a> </div><div id="contenidos"> <h3>En esta capa se cargará asíncronamente dos fragmentos de código (x)html.</h3> <p>Escoger una opción del menú... </p></div><script>// Documento JavaScript// Esta función cargará las paginasfunction llamarasincrono (url, id_contenedor){ var pagina_requerida = false; if (window.XMLHttpRequest) { // Si es Mozilla, Safari etc pagina_requerida = new XMLHttpRequest (); } else if (window.ActiveXObject) { // pero si es IE try { pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP"); } catch (e) { // en caso que sea una versión antigua try { pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP"); } catch (e) { } } } else return false; pagina_requerida.onreadystatechange = function () { // función de respuesta cargarpagina (pagina_requerida, id_contenedor); } pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send pagina_requerida.send (null);}// todo es correcto y ha llegado el momento de poner la información requerida// en su sitio en la pagina xhtmlfunction cargarpagina (pagina_requerida, id_contenedor){ if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1)) document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;} </script> </body></html>
Navegación
Ir a la versión completa