Les traigo dos ejemplos pequeños de como usar nuestra simple librería Ajax.
ES necesario crear en un fichero javascript aparte para definir nuestras funciones complementarias entre ellas una para mostrar el contenido devuelto del servidor, y otra para mostrar un mensaje o imagen mientras se procesa la solicitud.
Lo creamos por ejemplo como funciones.js
ES necesario crear en un fichero javascript aparte para definir nuestras funciones complementarias entre ellas una para mostrar el contenido devuelto del servidor, y otra para mostrar un mensaje o imagen mientras se procesa la solicitud.
Lo creamos por ejemplo como funciones.js
function mostrar(texto) {
//sobre el componente html que posee el id "contenido" mostramos la respuesta del servidor
document.getElementById("contenido").innerHTML=texto;
}
function inicioEnvio()
{
//mostramos mientras tanto una imagen o mensaje de cargando.!!
document.getElementById("contenido").innerHTML='';
}
Ahora nuestro script PHP que procesara las solicitudes enviadas mediante Ajax. renombrarlo por ejemplo como manejador.php
header('Content-Type: text/html; charset=UTF-8');
switch($_REQUEST['cod']){
case 1: echo "JAVA.- una tecnologia desarrollada por Sun Microsystems para aplicaciones software independiente de la plataforma, que engloba:Lenguaje de programacion Java, un lenguaje de programacion de alto nivel, orientado a objetos ";break;
case 2: echo "JAVASCRIPT.- es un lenguaje de programacion interpretado, es decir, que no requiere compilacion, utilizado principalmente en paginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.";break;
case 3: echo "JSP.- es una tecnologia Java que permite generar contenido dinamico para web, en forma de documentos HTML, XML o de otro tipo. ";break;
case 4: echo "ASP.- es una tecnolog�a de Microsoft del tipo lado servidor para paginas web generadas dinamicamente, que ha sido comercializada como un anexo a Internet Information Services (IIS). ";break;
default : require("presentacion.html");
}
Ahora nuestra pagina html donde tendremos unos links pesados cada uno efectuara un llamado Ajax al servidor y sera procesado por el script php.
Cada link genera una llamada Ajax mediante la función "doAjax" parte del código html:
JSP
El ejemplo completo lo anexo a continuación: descargar
Aquí también podemos ver el resultado de esta llamada Ajax
JSP
No hay comentarios:
Publicar un comentario