Tecnologia AJAX

UNIDAD 3AJAX

Presenta:Dávila García Beatriz Ivonne – 10410169Escárcega Enriquez Jesús Javier – 10410567

Ingeniería en Sistemas Computacionales

1jueves, 8 de mayo de 2014

Objetivo de la actividad.

Realizar una actividad para comprender la exposición del primer acercamiento a AJAX.

Agenda

13. Mostrar un gif animado mientras se envían y reciben los datos del servidor.

14. Paginación con AJAX.

15. Controlador de tipo select.


Mostrar un gif animado mientras se envían y reciben los datos del servidor.

Hasta ahora mientras se actualiza la páginamostramos un texto: 'Procesando...', es muy comúnutilizar un gif animado que represente taloperación.


Mostrar un gif animado mientras se envían y reciben los datos del servidor.

Haremos una serie de páginas que nos permitan enviar losdatos cargados en un formulario al servidor en formaasincrónica y mostraremos un gif animado mientras dura elenvío de datos. El formulario solicitará que ingrese el nombrey sus comentarios.


Código HTML


Código JavaScript


JavaScript


JavaScript


PHP


13. Ejemplo mostrar gif animado


14. Paginación con AJAX

Un lugar donde puede ayudar el uso de AJAX es en lapaginación de datos mientras otro recurso en la página seestá ejecutando. Confeccionaremos una página que muestreun video e inmediatamente en la parte inferior mostraremoslos comentarios del video paginados.

Sin utilizar AJAX estamos obligados a recargar completamentela página lo que haría imposible ver el video y recorrer loscomentarios en forma completa (considerando que solo partede los comentarios están en la página)


14. Ejemplo Paginación con AJAX

Simulador (Cuando presiona el botón "ejecutar el programa"se graban todos los cuadros de texto y se ejecuta el primerode la lista mostrando en una página el resultado.)

Confeccionar una página que muestre un video einmediatamente en la parte inferior mostrar los comentariosdel video paginados. Actualizar los datos de cada página enforma asíncrona.


Código HTML


Código Javascript


Código PHP


Código PHP


Código PHP


Código PHP


14. Ejemplo Paginación con AJAX


15.Cargar un control de tipo Select

Confeccionaremos un problema que contenga dos controlesde tipo select. En el primero almacenaremos una lista decarreras de estudio ("Analista deSistemas","Telecomunicaciones" y "WebMaster")

Cuando se seleccione una carrera enviaremos una petición alservidor para que retorne todas las materias que tiene esacarrera y procederemos a la carga del segundo select.


15. Ejemplo

Simulador (Cuando presiona el botón "ejecutar el programa"se graban todos los cuadros de texto y se ejecuta el primerode la lista mostrando en una página el resultado.)

Confeccionaremos un problema que contenga dos controlesde tipo select. En el primero almacenar una lista de carrerasde estudio ("Analista de Sistemas","Telecomunicaciones" y"WebMaster") y en el segundo los nombres de las materias dela carrera seleccionada. Rescatar los datos del servidor en elmomento que se selecciona una carrera.


Código HTML


Código Javascript


Código Javascript


Código PHP


Cargar un control de Tipo Select


Contratiempos presentados al realizar la actividad.

Se desconocía del funcionamiento exacto de algunasfunciones y métodos.

Opinión acerca de la dificultad de la actividad y el tiempo yformato de entrega.

Consideramos ambas cosas adecuadas.

Tiempo aproximado de realización (en horas).

El tiempo aproximado para realizar la actividad fue de 8 horasaproximadamente.


Ajax es una herramienta bastante útil que viene arevolucionar la interacción que se tiene con lasaplicaciones web pues gracias a esto se evitaperder tiempo en espera de respuesta de algunabúsqueda o simplemente se puede continuartrabajando aún y cuando se haya solicitado algunapetición al servidor.


29

Gracias por su

Atención!

jueves, 8 de mayo de 2014

Technology

Tecnologia AJAX