Foros de Informatica -> Tutorial Ajax (usando Responsetext)

" Hay la misma diferencia entre un sabio y un ignorante que entre un hombre vivo y un cadáver "

- Aristóteles -

Computerfacil.com

Chat

Fotos

Últimos Posts

Sin Respuesta

Ayuda

Búsqueda

Miembros

Calendario

Bienvenido, invitado ( Identificarse | Registrarse )

Reenviar mensaje de validación

Forista del Mes:

Kobas

Foros de Informatica -> Sistemas, Software y Hardware -> Lenguajes de Programación -> Programación en AJAX

Tutorial Ajax (usando Responsetext)

Suscribirse | Enviar por correo | Imprimir

mkas

Publicado: Feb 2 2008, 09:47 AM

Miembro binario

Grupo: Miembros
Mensajes: 70
Miembro nº: 34.531
Registrado: 27-January 08

Vamos a ver como cargar las secciones de nuestra pagina dentro del index sin usar esos frames que han pasado de moda

index.html

CODE

<html>
<head>
<script>
// Creamos la funció que nos va a crear la comunicación con el servidor via XMLHTTPRequest segun el navegador que use el usuario

function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest(); //si usa Firefox u otro
} catch(err1) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP"); //Si usa alguna v de IE
} catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP"); //Si usa otra v de IE
} catch (err3) {
req = false;
}
}
}
return req;
}

//Creamos una variable que contenga el valor de dicha función

var http = getXMLHTTPRequest();

function ver_pagina(pagina) { //creamos la función que va a hacer esa petición de cargar la pagina
http.open("GET", pagina, true); //Le decimos que usaremos GET, cargamos la variable pagina y decimos con true que va a ser una petición asincronica
http.onreadystatechange = devolver_pagina; // le decimos que en cuanto cambien el estado ejecute la función devolver la pagina
http.send(null); //Aquí le decimos que “Null” para que no envie nada por POST ya que en este caso usaremos GET
}

//Generamos la función que sera llamada por la anterior en cuanto cambie de estado
function devolver_pagina () {
if (http.readyState == 4) { //Cuando la petición en el servidor alla sido completada
if(http.status == 200) { //Si el proceso se a realizado correctamente
var mostrar = http.responseText; //Generamos una variable que cargara la respuesta del servidor en Texto es decir, lo que nos mostraria a nosotros por pantalla si abrireramos la pagina
document.getElementById('ver_contenido').innerHTML = mostrar; //le decimos que queremos cargarlo en el elemento de nuestra pagina que tiene id ver_contenido
}
} else {
document.getElementById('ver_contenido').innerHTML = 'Cargando…'; //mientras no devuelva nada avisamos de que se esta cargando... tambien se pueden utilizar etiquetas html, mostrar imágenes etc
}
}

</script>
</head>
<body>
<div id="ver_contenido"></div> 

<a href="#" onclick="ver_pagina("principal.php")">Ver pagina principal</a>
</body>
</html>

Pues nada... si queda alguna duda comentarla, espero que os guste y las apliqueis a vuestras Webs ya que da un toque muy bueno el AJAX

PD: En este caso no hemos usado el XML porque queriamos que nos devolviera la pagina entera, pero en próximos tutoriales enseñare como generar archivos XML con PHP y cargar el contenido de esas etiquetas XML en nuestro navegador.

Fuente: PHPeros

0 usuario(s) está(n) leyendo esta discusión (0 invitado(s) y 0 usuario(s) anónimo(s))

0 miembro(s):

« Posterior | Programación en AJAX | Anterior »

Webs Afiliadas - Contacto
Ofertas PCs :: Consultor de Marketing Online :: Foros :: Posicionamiento Web :: Foros de Informatica :: Foros :: eurodipity :: elhacker eurodipity - eurodipity - eurodipity - eurodipity - eurodipity - eurodipity - eurodipity - eurodipity - eurodipity - eurodipity