SlideShare una empresa de Scribd logo
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]

Más contenido relacionado

La actualidad más candente

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
David 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 java
César Ocampo
 
Curso Java Avanzado 2 Servlets
Curso Java Avanzado   2 ServletsCurso Java Avanzado   2 Servlets
Curso Java Avanzado 2 Servlets
Emilio Aviles Avila
 
Documento Web2Py
Documento Web2PyDocumento Web2Py
Documento Web2Py
Frameworkuce Uce
 
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
Pablo 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-2006
Samuel 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.NET
Javier 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 Web
Emilio Aviles Avila
 
Servlets y jsp
Servlets y jspServlets y jsp
Servlets y jsp
dtbadboy0
 
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 Java
Iker Canarias
 
introduccion a Ajax
introduccion a Ajaxintroduccion a Ajax
introduccion a Ajax
Yair Ambrocio
 
Connection
ConnectionConnection
Asp.net
Asp.netAsp.net
Asp.net
tavo2484
 
Java con base de datos
Java con base de datosJava con base de datos
Java con base de datos
Erlin Darwin Herrera cieza
 
desarrollo en 3 capas VB
desarrollo en 3 capas VBdesarrollo en 3 capas VB
desarrollo en 3 capas VB
Reynaldo Daza Avila
 
Servlet
ServletServlet
Servlet
spcsliki62
 
Jsp servlet- Tutorial BD Conexión
Jsp servlet- Tutorial BD ConexiónJsp servlet- Tutorial BD Conexión
Jsp servlet- Tutorial BD Conexión
Pattzy 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 funcionamiento
Roberto Allende
 

La actualidad más candente (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
 

Similar a Introduccion Ajax V1.0

Ajax
AjaxAjax
Ajax
jeci666h
 
Ajax
AjaxAjax
01 Ext Js Introduccion
01 Ext Js   Introduccion01 Ext Js   Introduccion
01 Ext Js Introduccion
Mayer Horna
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
iagardea
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
Angel Ruiz
 
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
pabloesp
 
Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologia
josia321
 
Ajax
AjaxAjax
Ajax
ousli07
 
PHP+Ajax
PHP+AjaxPHP+Ajax
PHP+Ajax
victorbleda
 
Introducción a Tomcat
Introducción a TomcatIntroducción a Tomcat
Introducción a Tomcat
Iker Canarias
 
Ajax
AjaxAjax
Ajax
AjaxAjax
Ajax
utpl
 
Inicios Ajax
Inicios AjaxInicios Ajax
Inicios Ajax
guesta3e52a
 
Ajax
AjaxAjax
Ajax Atlas
Ajax AtlasAjax Atlas
Ajax Atlas
Vicente Ordonez
 
Ajax
AjaxAjax
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"
IngDarkseid
 
Ajax
AjaxAjax
Libro introducción a ajax
Libro introducción a ajaxLibro introducción a ajax
Libro introducción a ajax
Hector Cruz cortes
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
cristian giovanny arciniegas
 

Similar 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
 
Ajax
AjaxAjax
Ajax
 
Inicios Ajax
Inicios AjaxInicios Ajax
Inicios 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
 

Más de Arnulfo Gomez

Maquinas simples
Maquinas simplesMaquinas simples
Maquinas simples
Arnulfo Gomez
 
Java Script BáSico Ajax
Java Script BáSico AjaxJava Script BáSico Ajax
Java Script BáSico Ajax
Arnulfo Gomez
 
IntroduccióN Ajax
IntroduccióN AjaxIntroduccióN Ajax
IntroduccióN Ajax
Arnulfo Gomez
 
Ajax
AjaxAjax
Html
HtmlHtml
Variacion Cliente Servidor
Variacion Cliente ServidorVariacion Cliente Servidor
Variacion Cliente Servidor
Arnulfo Gomez
 
Auditoria
AuditoriaAuditoria
Auditoria
Arnulfo Gomez
 
Internet
InternetInternet
Internet
Arnulfo Gomez
 
Manejo Basico Pc
Manejo Basico PcManejo Basico Pc
Manejo Basico Pc
Arnulfo Gomez
 
Que Es Windows 2000 Server
Que Es Windows 2000 ServerQue Es Windows 2000 Server
Que Es Windows 2000 Server
Arnulfo Gomez
 
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
Arnulfo Gomez
 
Comercio Electronico
Comercio ElectronicoComercio Electronico
Comercio Electronico
Arnulfo Gomez
 
Bases de Datos Relacionales
Bases de Datos RelacionalesBases de Datos Relacionales
Bases de Datos Relacionales
Arnulfo Gomez
 
Bases De Datos My Sql
Bases De Datos My SqlBases De Datos My Sql
Bases De Datos My Sql
Arnulfo Gomez
 
Manual De Asp Parte 2
Manual De Asp Parte 2Manual De Asp Parte 2
Manual De Asp Parte 2
Arnulfo Gomez
 
Linux Parte 1
Linux Parte 1Linux Parte 1
Linux Parte 1
Arnulfo Gomez
 

Más 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.