SlideShare uma empresa Scribd logo
1 de 39
Introducción a AJAX Iván Molina Molina [email_address]
¿Qué es AJAX? Acrónimo de  A synchronous  J avaScript  A nd  X ML 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
Historia ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tecnologías empleadas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],Web 2.0 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],Web 2.0
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Web 2.0
XMLHttpRequest ,[object Object],[object Object],[object Object],[object Object]
Características de XMLHttpRequest ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tipo de Respuesta ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
EJEMPLO JSON Definición de barra de menús usando JSON y XML:
Métodos de XMLHttpRequest ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Propiedades de XMLHttpRequest ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Propiedades de XMLHttpRequest ,[object Object],[object Object],[object Object]
XMLHttpRequest ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Funcionamiento de AJAX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web Tradicional vs AJAX (1)
Web Tradicional vs AJAX (2)
Navegadores soportados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ventajas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Inconvenientes y Críticas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Inconvenientes y Críticas ,[object Object],[object Object],[object Object],[object Object]
Accesibilidad ,[object Object]
USOS DE AJAX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
USOS DE AJAX ,[object Object],[object Object],[object Object],[object Object]
Bibliotecas AJAX ,[object Object],[object Object],[object Object]
Bibliotecas AJAX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Bibliotecas AJAX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Bibliotecas AJAX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplos de Aplicaciones (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplos de Aplicaciones (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplos de Aplicaciones (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplos de Aplicaciones (4) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
¿Qué es COMET? ,[object Object],[object Object],[object Object],Técnica de programación Web similar a AJAX Utiliza XMLHttpRequest para la entrega de datos entre cliente y servidor a través del protocolo HTTP También conocido como “Server Push o HTTP Push”
COMET ,[object Object],[object Object],[object Object],[object Object],HISTORIA   : Alex de DojoToolkit.org fue el primero en definir esta técnica, y Dojo es el primer framework que implementa a Comet
COMET ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
COMET vs AJAX
EJEMPLOS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Referencias ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Mais procurados

Introducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introducción a los lenguajes de programación de la plataforma Web 2.0: AjaxIntroducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introducción a los lenguajes de programación de la plataforma Web 2.0: AjaxDavid Arango
 
Examen febrero 2017-2018_daw_daw_solucion_ (1)
Examen febrero 2017-2018_daw_daw_solucion_ (1)Examen febrero 2017-2018_daw_daw_solucion_ (1)
Examen febrero 2017-2018_daw_daw_solucion_ (1)jomadega1
 
Programacion web java
Programacion web javaProgramacion web java
Programacion web javaCésar Ocampo
 
Taller programación web ajax con jquery
Taller programación web  ajax con jqueryTaller programación web  ajax con jquery
Taller programación web ajax con jqueryPablo Galeana Bailey
 
2. Java Servlets (J2EE) - Curso 2005-2006
2. Java Servlets (J2EE) - Curso 2005-20062. Java Servlets (J2EE) - Curso 2005-2006
2. Java Servlets (J2EE) - Curso 2005-2006Samuel Marrero
 
Trabajar con bases de datos desde ASP.NET
Trabajar con bases de datos desde ASP.NETTrabajar con bases de datos desde ASP.NET
Trabajar con bases de datos desde ASP.NETJavier Roig
 
Curso Java Avanzado 1 IntroduccióN Al Desarrollo Web
Curso Java Avanzado   1 IntroduccióN Al Desarrollo WebCurso Java Avanzado   1 IntroduccióN Al Desarrollo Web
Curso Java Avanzado 1 IntroduccióN Al Desarrollo WebEmilio Aviles Avila
 
Servlets y jsp
Servlets y jspServlets y jsp
Servlets y jspdtbadboy0
 
Servicio web
Servicio web Servicio web
Servicio web Yael67
 
Persistencia de datos en Java
Persistencia de datos en JavaPersistencia de datos en Java
Persistencia de datos en JavaIker Canarias
 
Jsp servlet- Tutorial BD Conexión
Jsp servlet- Tutorial BD ConexiónJsp servlet- Tutorial BD Conexión
Jsp servlet- Tutorial BD ConexiónPattzy Montero
 
AJAX a cuerda Lo básico sobre AJAX y su funcionamiento
AJAX a cuerda
Lo básico sobre AJAX y su funcionamientoAJAX a cuerda
Lo básico sobre AJAX y su funcionamiento
AJAX a cuerda Lo básico sobre AJAX y su funcionamientoRoberto Allende
 

Mais procurados (20)

Introducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introducción a los lenguajes de programación de la plataforma Web 2.0: AjaxIntroducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
 
Examen febrero 2017-2018_daw_daw_solucion_ (1)
Examen febrero 2017-2018_daw_daw_solucion_ (1)Examen febrero 2017-2018_daw_daw_solucion_ (1)
Examen febrero 2017-2018_daw_daw_solucion_ (1)
 
Programacion web java
Programacion web javaProgramacion web java
Programacion web java
 
Curso Java Avanzado 2 Servlets
Curso Java Avanzado   2 ServletsCurso Java Avanzado   2 Servlets
Curso Java Avanzado 2 Servlets
 
Documento Web2Py
Documento Web2PyDocumento Web2Py
Documento Web2Py
 
Taller programación web ajax con jquery
Taller programación web  ajax con jqueryTaller programación web  ajax con jquery
Taller programación web ajax con jquery
 
2. Java Servlets (J2EE) - Curso 2005-2006
2. Java Servlets (J2EE) - Curso 2005-20062. Java Servlets (J2EE) - Curso 2005-2006
2. Java Servlets (J2EE) - Curso 2005-2006
 
Trabajar con bases de datos desde ASP.NET
Trabajar con bases de datos desde ASP.NETTrabajar con bases de datos desde ASP.NET
Trabajar con bases de datos desde ASP.NET
 
Curso Java Avanzado 1 IntroduccióN Al Desarrollo Web
Curso Java Avanzado   1 IntroduccióN Al Desarrollo WebCurso Java Avanzado   1 IntroduccióN Al Desarrollo Web
Curso Java Avanzado 1 IntroduccióN Al Desarrollo Web
 
Servlets y jsp
Servlets y jspServlets y jsp
Servlets y jsp
 
Servicio web
Servicio web Servicio web
Servicio web
 
Persistencia de datos en Java
Persistencia de datos en JavaPersistencia de datos en Java
Persistencia de datos en Java
 
introduccion a Ajax
introduccion a Ajaxintroduccion a Ajax
introduccion a Ajax
 
Connection
ConnectionConnection
Connection
 
Asp.net
Asp.netAsp.net
Asp.net
 
Java con base de datos
Java con base de datosJava con base de datos
Java con base de datos
 
desarrollo en 3 capas VB
desarrollo en 3 capas VBdesarrollo en 3 capas VB
desarrollo en 3 capas VB
 
Servlet
ServletServlet
Servlet
 
Jsp servlet- Tutorial BD Conexión
Jsp servlet- Tutorial BD ConexiónJsp servlet- Tutorial BD Conexión
Jsp servlet- Tutorial BD Conexión
 
AJAX a cuerda Lo básico sobre AJAX y su funcionamiento
AJAX a cuerda
Lo básico sobre AJAX y su funcionamientoAJAX a cuerda
Lo básico sobre AJAX y su funcionamiento
AJAX a cuerda Lo básico sobre AJAX y su funcionamiento
 

Semelhante a Introduccion Ajax V1.0 (20)

Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
01 Ext Js Introduccion
01 Ext Js   Introduccion01 Ext Js   Introduccion
01 Ext Js Introduccion
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control ToolkitDesarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
 
Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologia
 
Ajax
AjaxAjax
Ajax
 
PHP+Ajax
PHP+AjaxPHP+Ajax
PHP+Ajax
 
Introducción a Tomcat
Introducción a TomcatIntroducción a Tomcat
Introducción a Tomcat
 
Ajax
AjaxAjax
Ajax
 
Inicios Ajax
Inicios AjaxInicios Ajax
Inicios Ajax
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Ajax Atlas
Ajax AtlasAjax Atlas
Ajax Atlas
 
Ajax
AjaxAjax
Ajax
 
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"
 
Ajax
AjaxAjax
Ajax
 
Libro introducción a ajax
Libro introducción a ajaxLibro introducción a ajax
Libro introducción a ajax
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 

Mais de Arnulfo Gomez

Mais de Arnulfo Gomez (17)

Maquinas simples
Maquinas simplesMaquinas simples
Maquinas simples
 
Java Script BáSico Ajax
Java Script BáSico AjaxJava Script BáSico Ajax
Java Script BáSico Ajax
 
IntroduccióN Ajax
IntroduccióN AjaxIntroduccióN Ajax
IntroduccióN Ajax
 
Ajax
AjaxAjax
Ajax
 
Html
HtmlHtml
Html
 
Variacion Cliente Servidor
Variacion Cliente ServidorVariacion Cliente Servidor
Variacion Cliente Servidor
 
Auditoria
AuditoriaAuditoria
Auditoria
 
Internet
InternetInternet
Internet
 
Manejo Basico Pc
Manejo Basico PcManejo Basico Pc
Manejo Basico Pc
 
Que Es Windows 2000 Server
Que Es Windows 2000 ServerQue Es Windows 2000 Server
Que Es Windows 2000 Server
 
Sistemas de I nformación y Bases de Datos
Sistemas de I nformación y Bases de DatosSistemas de I nformación y Bases de Datos
Sistemas de I nformación y Bases de Datos
 
Comercio Electronico
Comercio ElectronicoComercio Electronico
Comercio Electronico
 
Bases de Datos Relacionales
Bases de Datos RelacionalesBases de Datos Relacionales
Bases de Datos Relacionales
 
Bases De Datos My Sql
Bases De Datos My SqlBases De Datos My Sql
Bases De Datos My Sql
 
Manual De Asp Parte 2
Manual De Asp Parte 2Manual De Asp Parte 2
Manual De Asp Parte 2
 
Linux Parte 2
Linux Parte 2Linux Parte 2
Linux Parte 2
 
Linux Parte 1
Linux Parte 1Linux Parte 1
Linux Parte 1
 

Introduccion Ajax V1.0

  • 1. Introducción a AJAX Iván Molina Molina [email_address]
  • 2. ¿Qué es AJAX? Acrónimo de A synchronous J avaScript A nd X ML 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
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. EJEMPLO JSON Definición de barra de menús usando JSON y XML:
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. Web Tradicional vs AJAX (1)
  • 18. Web Tradicional vs AJAX (2)
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 38.
  • 39.