apuntes+santiggd+30-4-08

Los programas en AJAX son aplicaciones cliente servidor, unicamente que el cliente va a tratarse del navegador. Vemos el programa de ejemplo, donde la parte del servidor coincide con un script cgi, tal y como lo vimos en los apartados anteriores.
 * AJAX**

En la parte del cliente no debemos olvidar que las peticiones son asincronas, que no consiste en hacer una peticion y esperar a recibir la respuesta, sino que mientras podemos continuar trabajando. En primer lugar vemos que tenemos dos métodos, los cuales se van a encargar de enviar y recibir la petición. Vemos que antes del primer método hemos definido una variable request global, de forma que este disponible en todo el documento, ya que si fuera local solo podríamos acceder a ella localmente. En el método pide_RSS creamos un objeto XMLHttpRequest, que nos va a permitir hacer la petición al servidor. Después cogemos los valores del formulario y construimos la petición siguiendo el interfaz rest, nos fijamos en el metodo encodeURIComponent que transforma la direccion introducida en una correcta sintacticamente. Despues realizamos la petición a través de request.open, y establecemos el método que llamaremos al recibir la respuesta con request.onreadystatechange, que se trata de un parametro de request.

En el método escribe_RSS comprobamos que la respuesta este disponible, comprobamos que el status del mensaje http sea correcto y extraemos el contenido. Tras ello modificamos el DOM del documento para incluir las entradas del rss que hemos solicitado.

Dentro del la pagina html lo que hacemos es añadir un formulario con dos input, de forma que se llama al método cuando cambia el valor del segundo input, además añadimos un div para introducir el resultado.

Es importante tener en cuenta que para permitir peticiones a un cgi, este debe estar en el mismo servidor de donde obtenemos la pagina.