• Sábado 21 de Diciembre de 2024, 10:51

Autor Tema:  cargar pagina html basica con ajax  (Leído 4799 veces)

nicolas_alvarezmon

  • Nuevo Miembro
  • *
  • Mensajes: 2
    • Ver Perfil
cargar pagina html basica con ajax
« en: Sábado 16 de Julio de 2011, 18:10 »
0
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&iacute;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&aacute; as&iacute;ncronamente dos fragmentos de c&oacute;digo (x)html.</h3>
   <p>Escoger una opci&oacute;n del men&uacute;... </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

  • Moderador
  • ******
  • Mensajes: 2430
  • Nacionalidad: co
    • Ver Perfil
Re:cargar pagina html basica con ajax
« Respuesta #1 en: Martes 23 de Agosto de 2011, 23:04 »
0
Checalo
Código: HTML
  1. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  2. <title>As&iacute;ncrono Javascript y XML</title>
  3. <link href="misestilos.css" rel="stylesheet" type="text/css">
  4.  
  5. </head>
  6. <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>
  7. <div id="contenidos">
  8.    <h3>En esta capa se cargar&aacute; as&iacute;ncronamente dos fragmentos de c&oacute;digo (x)html.</h3>
  9.    <p>Escoger una opci&oacute;n del men&uacute;... </p>
  10. </div>
  11. // Documento JavaScript
  12. // Esta función cargará las paginas
  13. function llamarasincrono (url, id_contenedor)
  14. {
  15.     var pagina_requerida = false;
  16.     if (window.XMLHttpRequest)
  17.     {
  18.         // Si es Mozilla, Safari etc
  19.         pagina_requerida = new XMLHttpRequest ();
  20.     } else if (window.ActiveXObject)
  21.     {
  22.         // pero si es IE
  23.         try
  24.         {
  25.             pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
  26.         }
  27.         catch (e)
  28.         {
  29.             // en caso que sea una versión antigua
  30.             try
  31.             {
  32.                 pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
  33.             }
  34.             catch (e)
  35.             {
  36.             }
  37.         }
  38.     }
  39.     else
  40.     return false;
  41.     pagina_requerida.onreadystatechange = function ()
  42.     {
  43.         // función de respuesta
  44.         cargarpagina (pagina_requerida, id_contenedor);
  45.     }
  46.     pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
  47.     pagina_requerida.send (null);
  48. }
  49. // todo es correcto y ha llegado el momento de poner la información requerida
  50. // en su sitio en la pagina xhtml
  51. function cargarpagina (pagina_requerida, id_contenedor)
  52. {
  53.     if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
  54.    document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
  55. }
  56.  
  57.  
  58. </body>
  59. </html>
El pasado son solo recuerdos, el futuro son solo sueños