INTRODUCCIÓN A AJAX. ¿Qué es AJAX? Acrónimo de Asynchronous JavaScript And XML No es ninguna tecnología, ni lenguaje de programación. Es una técnica de.

Slides:



Advertisements
Presentaciones similares
Presentación de Visual Web Developer 2005 Express Edition Alfonso Goyeneche Torres Presidencia Nacional Comunidad Académica Microsoft Junta Directiva Nacional.
Advertisements

Internet y tecnologías web
Fernando Alonso Blázquez Formularios en lenguaje HTML 26 de Febrero de 2004.
Introducción a AJAX Iván Molina Molina
Asynchronous JavaScript and XML. Esta clase sirve para ser utilizado cuando lo único que queremos hacer es actualizar cierta parte de un sitio Web continuamente.
Scripting en el lado del Cliente
AJAX Web 2.0
Juan Fernández Rodríguez
CGI I La mayor parte de los elementos HTML de que disponemos permite al visitante visualizar los contenidos de un sitio, pero no interactuar con él. Dicho.
ActiveX.
Aplicación informática. formando parte de una red. pone sus recursos a disposición de las demás computadoras(clientes) de la red. Maneja información.
DOM ( Document Object Model) Prof. Franklin Cedeño.
Asynchronous JavaScript and XML.  No es una nueva forma de programar, es una forma de utilizar los estándares disponibles.  Es el arte de intercambiar.
"java del lado del servidor" Servlet y JSP Java Server Pages.
XHTML DINAMICO AVANZADO (AJAX Y DOM)
SESION 3 VALIDACIÓN. Septiembre 2010 SESION 3: VALIDACIÓN Qué propiedad de los controles podemos validar Control Propiedad de Validación HtmlInputText.
Framework Hexápodo PHP fácil, rápido y sin dolor
JSP Copyright ISIPE – Instituto de Servicios Informáticos para Empresas – Universidad Siglo 21 – Cualquier copia u otro uso debe ser autorizado expresamente.
Características generales de un servicio Web.
Fundamentos de Javascript Desarrollo de Aplicaciones para Internet.
Mecanismo de petición y respuesta Prof. Manuel Blázquez Ochando
TECNOLOGÍAS PARA LA IMPLEMENTACIÓN DE INTERFACES DE USUARIO
TECNOLOGÍA IDC Internet Database Connector Trinitario Gómez López.
Formularios en lenguaje HTML 7 de Abril de Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento.
Actividad 8 Equipo 3: o Gemma Cedillo Saucedo. o Alejandra Castillo Almazán. o Adriana Lara Mata. o Jorge Arregoytia García. o Aleida Villegas Rodríguez.
Una java servlet es un programa que se ejecuta en un servidor. Por lo general son aplicaciones Java que corren en un entorno de servidor web. Los Java.
3 PROGRAMAR EN UN LENGUAJE DE HIPERTEXTO L.I. OSWALDO MARTINEZ C. EDPW.
INTRODUCCIÓN A LA PROGRAMACIÓN WEB
InfoPath Ventajas y Uso.
Correo electrónico Internet
Prof. José T. Cadenas. Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible.
AJAX Daniel Montenegro Cordero Ingeniería de Sistemas y Computación Pontificia Universidad Javeriana - Cali.
INTRODUCCIÓN El protocolo http se usa en los sistemas de información distribuidos que necesitan mostrar la información y pasarla por una comunicación.
PROTOCOLO H T T P.
Por: Jorge Aguirre PUERTOS DE UN SERVIDOR WEB.  Un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor.
“SERVLETS”. Paola Rojas Contreras Juan Villarroel Leiva José Miguel Perez V. Departamento de Electrónica.
DESARROLLO DE PÁGINAS EN EL WEB Preparado por Prof. Edgar Lopategui Corsino.
Unidad didáctica 6 Diseño de páginas Web.
Ajax en 3 Capas Ing. Pedro Luis Rodriguez. El Cliente/Servidor WEB Cliente: Navegador WEB. Internet Explorer, Mozilla FireFox Cliente: Navegador WEB.
Tecnologías web. Es el método más común de intercambio de información en la world wide web, el método mediante el cual se transfieren las páginas web.
introducción al lenguaje
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
PORTAL WEB PARA CONTRIBUIR EN LA VENTA, COMERCIALIZACIÓN Y DISTRIBUCIÓN DE LA ZEOLITA NATURAL USANDO AJAX Integrantes: Martha Isabel Correa Barrera Patricia.
Rogelio Ferreira Escutia. 2 “Introducción a AJAX”, Javier Eguíluz Pérez, mayo 2010 Término AJAX  El término AJAX se presentó.
Formularios La mayor parte de los elementos HTML de que disponemos permite al visitante visualizar los contenidos de un sitio, pero no interactuar con.
Equipo 7. Hipertexto  En informática, es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico, permite conducir a otros textos.
Introducción al Lenguaje. ¿ Qué es PHP ? O Hypertext Pre-processoes (PHP) es un lenguaje de "código abierto" interpretado, de alto nivel, embebido en.
Servidor web Alumna: María Verónica Mancheno Materia: Gestión de Información Web Profesor: José Medina Moreira.
 Claudia Jordan Idrovo.  Son los puntos de enganche para cada conexión de red que realizamos. El protocolo TCP (el utilizado en internet) identifica.
Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.
Introducción a los Sistemas de Computo
TANIA VILLAVICENCIO MEDINA.  correo-e mensajes electrónicoscartas electrónicas sistemas de comunicación electrónicos. mensajescartas sistemas.
MATHML Collado Rafael Eduardo. Introducción  MathML puede describirse con etiquetas y atributos.  HTML puede volverse interminable cuando tu documento.
HTML 5 Edgar Vázquez Ayala. Rolando Aarón Pérez Mandujano.
HTML.
Navegador Servidor … Llamada HTTP estándar.
Pablo Barrantes Illary Huaylupo David Navas Alan Wong.
AJAX Asynchronous JavaScript And XML.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
¿Qué es jQuery? jQuery es una librería gratuita y open source, que simplifica la creación de páginas web altamente interactivas. Funciona.
Integrante: Mariana Alcalá Hdz María del Carmen Andrade G. Alondra E. García Mtz Joselyn Gpe García V. Antonio de Jesús Hdz R. Cristian Jesús Ruvalcaba.
Modelo Cliente - Servidor. La Web funciona siguiendo el denominado modelo cliente-servidor, habitual en las aplicaciones que funcionan en una red. Existe.
Servicios Web Conjunto de aplicaciones o de tecnologías con capacidad para interoperar en la Web. Estas aplicaciones o tecnologías intercambian datos entre.
Planificación Curso UNIDAD 1. INTRODUCCIÓN A LOS SERVICIOS EN RED UNIDAD 2. SERVICIOS DHCP UNIDAD 3. SERVICIOS DNS UNIDAD 4. SERVICIOS DE ACCESO REMOTO.
Java Script. Como habilitar JavaScript en tu navegador
1/11Departamento de Informática Tributaria AJAX Fundamentos básicos ( ) AJAX Fundamentos básicos ( )
Aplicaciones Web Verano Programación de aplicaciones Web FCC-BUAP Verano 2016BMB - RAM2.
Capítulo 12 Leer archivos XML con AJAX
Ajax (ASYNCHRONOUS JAVASCRIPT AND XML)
Introducción a AJAX.
Transcripción de la presentación:

INTRODUCCIÓN A AJAX

¿Qué es AJAX? Acrónimo de Asynchronous JavaScript And XML No es ninguna tecnología, ni lenguaje de programación. Es una técnica de desarrollo web que combina varias tecnologías. Consiguiendo una navegación más ágil y rápida, más dinámica. Definición

Tecnologías empleadas HTML y CSS Presentación de datos Document Object Model (DOM) Mostrar e interactuar dinámicamente con la información XML y Json Intercambiar y manipular datos con el servidor web JavaScript Nexo de unión XMLHttpRequest Recuperación y envío de datos de modo asíncrono

XMLHttpRequest API que se encuentra implementado en el navegador y que proporciona los métodos y propiedades necesarios para la comunicación con el servidor mediante HTTP Originalmente desarrollado por Microsoft como un objeto ActiveX, disponible desde Internet Explorer 5 Utilizada por JavaScript, Jscript, VBScript u otros lenguajes de scripting de navegadores web Emplea un canal de conexión independiente

Características de XMLHttpRequest Comunicación GET/POST Documentos pueden ser texto plano/xml Trabaja en background Número limitado de peticiones Permite especificar un manejador para el control de cambios de estado Manejador notifica el estado de la petición: Inicializada Iniciada En proceso de retornar la información Operación completada

Tipo de Respuesta Documento XML Texto Procesado en el cliente Mostrado directamente JavaScript Evaluado en JavaScript mediante ‘eval()’ JSON, “JavaScript Object Notation”: Es un formato ligero para el intercambio de datos Es un subconjunto de la notación literal de objetos de Javascript pero no requiere el uso de Javascript

Métodos de XMLHttpRequest open("method", "URL", syn/asyn): Asigna la URL de destino, el método y otros parámetros opcionales de una petición pendiente send(content): Envía la petición, opcionalmente se puede enviar una cadena de texto o un objeto DOM abort(): Detiene la petición actual getAllResponseHeaders(): Devuelve todas las cabeceras de la respuesta como pares de etiqueta y valores en una cadena getResponseHeader("headerLabel"): Devuelve el valor de una cabecera determinada setRequestHeader("label", "value"): Asigna un valor al par label/value para la cabecera enviada.

Propiedades de XMLHttpRequest onreadystatechange: El manejador del evento llamado en cada cambio de estado del objeto readyState: Indica el estado del objeto o la petición 0 = sin inicializar 1 =cargando 2 = fin de la carga 3 = actualizando la información recibida 4 = Operación completada status: Estado HTTP devuelto por el servidor 404 si la página no se encuentra 200 si todo ha ido bien

Propiedades de XMLHttpRequest responseText: Cadena de texto con los datos devueltos por el servidor responseXML: Objeto DOM devuelto por el servidor statusText: Respuesta del servidor asociada al status (mensaje de texto)

Funcionamiento de AJAX 1.Usuario provoca un evento 2.Se crea y configura un objeto XMLHttpRequest 3.El objeto XMLHttpRequest realiza una llamada al servidor 4.La petición se procesa en el servidor 5.El servidor retorna un documento XML que contienen el resultado 6.El objeto XMLHttpRequest llama a la función callback() y procesa el resultado 7.Se actualiza el DOM de la página asociado con la petición con el resultado devuelto

USOS DE AJAX Validación de datos de formularios en tiempo real Identificadores de usuario, nº de serie, códigos postales u otro código especial que necesite validación en el lado del servidor antes de ser enviado el formulario. Autocompletado Direcciones de correo, nombres, ciudades Operaciones de detalle Obtener información más detallada de un producto GUI avanzadas Controles en árbol, menús, barras de progreso Refresco de datos Notificaciones del servidor