La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

XHTML DINAMICO AVANZADO (AJAX Y DOM). AJAX Conceptos y fundamentos básicos Patrones de Ajax Ejemplos prácticos. Librerías estándares.

Presentaciones similares


Presentación del tema: "XHTML DINAMICO AVANZADO (AJAX Y DOM). AJAX Conceptos y fundamentos básicos Patrones de Ajax Ejemplos prácticos. Librerías estándares."— Transcripción de la presentación:

1 XHTML DINAMICO AVANZADO (AJAX Y DOM)

2 AJAX Conceptos y fundamentos básicos Patrones de Ajax Ejemplos prácticos. Librerías estándares

3 Bibliografía Ajax in Practice Visual Quickstart Guide CSS, DHTML, and Ajax, Fourth Edition DHTML Utopia. Modern Web Design Using JavaScript & DOM Ajax: Un Nuevo acercamiento a las Aplicaciones Web El objeto XMLHttpRequest

4 Paso de parámetros (GET) En la petición AJAX podemos pasar parámetros tanto por POST como por GET a nuestro servidor. Para pasar parámetros por GET ( por URL ), usaremos una URL con parámetros en la función open independientemente de usar el método GET o POST, por ejemplo:pasar parámetros por GET oXMLHttp.open('GET', 'pagina.php?parametro=' + escape(parametro));

5 setRequestHeader (método) El método setRequestHeader añade un encabezado HTTP a la petición HTTP a través del objeto XMLHttpRequest. HTTPobjeto XMLHttpRequest Utilización oXMLHttpRequest.setRequestHeader ( sNombre, sValor); –sNombre - Nombre del encabezado HTTP. –sValor - Valor del encabezado HTTP. El parametro sNombre no podrá ser Accept-Charset, Accept-Encoding, Content-Length, Expect, Date, Host, Keep-Alive, Referer, TE, Trailer, Transfer-Encoding ni Upgrade, tampoco podrá contener espacios, puntos o saltos de línea. El parametro sValor no podrá contener saltos de línea. Solo podemos utilizar setRequestHeader cuando el valor de readyState sea 1. readyState

6 Paso de parámetros (POST) Para pasarlos por POST, deberemos usar el método POST en la función open, configurar el tipo de información que enviamos y por último pasamos los parámetros desde la función send, veamos un ejemplo: oXMLHttp.open('POST','pagina.php'); try { oXMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded") } catch (e) { } oXMLHttp.send( 'parametro=' + escape(parametro));

16 setTimeout (Javascript) Esta función crea un temporizador el cual dispara un reloj con los milisegundos que indicamos. Al cumplirse el tiempo indicado se ejecuta el código que le hayamos indicado. var identificador = setTimeout("expresión-javascript",milisegundos) La función devuelve un identificador cada vez que se ejecuta. Este número podemos almacenarlo en una variable para utilizarlo posteriormente en otros métodos (por ejemplo clearTimeout()).

17 clearTimeout (Javascript) Su efecto es el de detener la ejecución de un temporizador lanzado con setTimeout. clearTimeout (identificador)

18 Generar un número aleatorio (ASP) Randomize Necesario antes de llamar a Rnd() para conseguir que los números no se repitan. Rnd( ) Genera un número, pseudo aleatorio, entre 0 y 1. Debe apoyarse en Randomize para evitar que se repita.


Descargar ppt "XHTML DINAMICO AVANZADO (AJAX Y DOM). AJAX Conceptos y fundamentos básicos Patrones de Ajax Ejemplos prácticos. Librerías estándares."

Presentaciones similares


Anuncios Google