SlideShare ist ein Scribd-Unternehmen logo
1 von 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]

Weitere ähnliche Inhalte

Was ist angesagt?

Servicio web
Servicio web Servicio web
Servicio web
Yael67
 
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
 
Servlets y jsp
Servlets y jspServlets y jsp
Servlets y jsp
dtbadboy0
 

Was ist angesagt? (20)

Servicio web
Servicio web Servicio web
Servicio web
 
Conexion a bases de datos
Conexion a bases de datosConexion a bases de datos
Conexion a bases de datos
 
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
 
Persistencia de datos en Java
Persistencia de datos en JavaPersistencia de datos en Java
Persistencia de datos en Java
 
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
 
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
 
Servlets y jsp
Servlets y jspServlets y jsp
Servlets y jsp
 
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
 
Java con base de datos
Java con base de datosJava con base de datos
Java con base de datos
 
introduccion a Ajax
introduccion a Ajaxintroduccion a Ajax
introduccion a Ajax
 
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
 
Servlet
ServletServlet
Servlet
 
desarrollo en 3 capas VB
desarrollo en 3 capas VBdesarrollo en 3 capas VB
desarrollo en 3 capas VB
 
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
 
Programación web con JSP
Programación web con JSPProgramación web con JSP
Programación web con JSP
 
Web services restful con JAX-RS
Web services restful con JAX-RSWeb services restful con JAX-RS
Web services restful con JAX-RS
 
Asp.net
Asp.netAsp.net
Asp.net
 
JDBC
JDBCJDBC
JDBC
 

Andere mochten auch

P ps 2º c
P ps 2º cP ps 2º c
P ps 2º c
Tadamis
 
Intoduccion guia u1
Intoduccion guia u1Intoduccion guia u1
Intoduccion guia u1
lorena_k
 
Herramienta Web 2.0 De Cristian BayóN
Herramienta Web 2.0 De Cristian BayóNHerramienta Web 2.0 De Cristian BayóN
Herramienta Web 2.0 De Cristian BayóN
cristianbayon
 

Andere mochten auch (20)

Puerperio
PuerperioPuerperio
Puerperio
 
P ps 2º c
P ps 2º cP ps 2º c
P ps 2º c
 
Converses des de l'experiència
Converses des de l'experiènciaConverses des de l'experiència
Converses des de l'experiència
 
Trabajo De You Tube
Trabajo De You TubeTrabajo De You Tube
Trabajo De You Tube
 
Comunicant salut en temps socials
Comunicant salut en temps socialsComunicant salut en temps socials
Comunicant salut en temps socials
 
14. lactancia
14. lactancia14. lactancia
14. lactancia
 
Miniquest
MiniquestMiniquest
Miniquest
 
Manejo de mouse
Manejo de mouseManejo de mouse
Manejo de mouse
 
Adhesivos
AdhesivosAdhesivos
Adhesivos
 
Intoduccion guia u1
Intoduccion guia u1Intoduccion guia u1
Intoduccion guia u1
 
Gworking
Gworking Gworking
Gworking
 
La Universidad Al Servicio Del Medio Ambiente2
La Universidad Al Servicio Del Medio Ambiente2La Universidad Al Servicio Del Medio Ambiente2
La Universidad Al Servicio Del Medio Ambiente2
 
Herramienta Web 2.0 De Cristian BayóN
Herramienta Web 2.0 De Cristian BayóNHerramienta Web 2.0 De Cristian BayóN
Herramienta Web 2.0 De Cristian BayóN
 
Tutorial Foro
Tutorial ForoTutorial Foro
Tutorial Foro
 
Redes sociales I
Redes sociales IRedes sociales I
Redes sociales I
 
Lo que se debe tener en cuenta para desarrollar y expandir un emprendimiento ...
Lo que se debe tener en cuenta para desarrollar y expandir un emprendimiento ...Lo que se debe tener en cuenta para desarrollar y expandir un emprendimiento ...
Lo que se debe tener en cuenta para desarrollar y expandir un emprendimiento ...
 
Presentacion Central Point
Presentacion Central PointPresentacion Central Point
Presentacion Central Point
 
ModeloEducativo
ModeloEducativoModeloEducativo
ModeloEducativo
 
PresentacióN Lima Valley
PresentacióN Lima ValleyPresentacióN Lima Valley
PresentacióN Lima Valley
 
Pacientes emergentes... again!
Pacientes emergentes... again! Pacientes emergentes... again!
Pacientes emergentes... again!
 

Ähnlich wie Conceptos Introductorios Del Web 2

Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologia
josia321
 
Ajax
AjaxAjax
Ajax
utpl
 

Ähnlich wie Conceptos Introductorios Del Web 2 (20)

Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
01 Ext Js Introduccion
01 Ext Js   Introduccion01 Ext Js   Introduccion
01 Ext Js Introduccion
 
Clase 5 AJAX - Desarrollo de aplicaciones móviles
Clase 5  AJAX - Desarrollo de aplicaciones móvilesClase 5  AJAX - Desarrollo de aplicaciones móviles
Clase 5 AJAX - Desarrollo de aplicaciones móviles
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Ajax
AjaxAjax
Ajax
 
PHP+Ajax
PHP+AjaxPHP+Ajax
PHP+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
 
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
 
Ajax
AjaxAjax
Ajax
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 

Kürzlich hochgeladen

Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
NancyLoaa
 

Kürzlich hochgeladen (20)

Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 

Conceptos Introductorios Del Web 2

  • 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.