SlideShare ist ein Scribd-Unternehmen logo
1 von 8
PHP AJAX
ARIEL PADILLA HERNANDEZ
Php Ajax
 ¿Que es ajax?
      Ajax = Asyncronous javascript and xml.

Conjunto de tecnologías que no permiten de mayor
 interacción a nuestras aplicaciones web, creando
 interfaces mas dinámicos y mostrando datos al
 usuarios sin necesidad de recargar la pagina
 mediante el uso de técnicas en java script
Orígenes De Ajax
 Desde hacía ya tiempo que se hacían comunicaciones asíncronas en
  aplicaciones web. En 1996 con Internet Explorer 3 utilizando el frame oculto o
  en 1997 con Netscape 4 utilizando el elemento layer. Las dos capas tenían un
  atributo src que permitía cargar una dirección con un contentenido HTML y
  código javascript con la lógica necesaria para tratar esos datos e introducirlos
  en la la página por medio de DOM.
 Microsoft, en 1998, revolucionó la técnica de los frames y los layer (para ser
  claros, útil pero algo ‘chapucera’) cuando presentó Script Remoting . Una
  solución bastante más elegante que utilizaba un applet de Java para realizar
  estas comunicaciones asíncronas. Lo aplicó de forma muy efectiva en el
  Outlook Web Access que venía con la versión 2000 del Microsoft Exchange
  Server.
 Después de esto, una comunidad de desarrolladores Web comenzó a construir
  una libreríaJSRS con la finalidad de que funcionase en varios navegadores
  desde el año 2000 hasta el 2002, año en el que se convirtió en el
  elemento XMLHttpRequest que utilizamos actualmente.
 El nombre de Ajax no le vino hasta que en febrero de 2005 Jesse James Garret
  publicase un artículo, que enlacé antes, llamándo a esta unión de tecnologías
  como Ajax.
Ventajas Ajax
 Crear una navegación mas agradable para el
    usuario.
   Disminuir el tiempo de carga y ancho de banda
    necesarios
   Desarrollar mas rápidamente usando frameworks
   Multiplataforma, multitecnologia,
    multinavegador.
   Comunidades en auge
Desventajas Ajax
 Dificultad de integrar el botón “atrás”.
 Problemas si el usuario tiene deshabilitado el uso
  de java script.
 Dificultades para ofrecer link directos a contenidos
  generados dinámicamente.
 Mas Ajax (java scrips) = Mayor carga de CPU en el
  navegador
 Ajax!= web 2.0
Como funciona Ajax!
Como funciona Ajax! Modelo Ajax
Conclusión
 No existe una librería mejor que otra.
 No hay que cerrarse en un asola librería, podemos
 combinar varias en un mismo proyecto.

Weitere ähnliche Inhalte

Was ist angesagt?

Microservicios y contenedores Docker
Microservicios y contenedores DockerMicroservicios y contenedores Docker
Microservicios y contenedores DockerPlain Concepts
 
Webinar: Introducción a VUE.js
Webinar: Introducción a VUE.jsWebinar: Introducción a VUE.js
Webinar: Introducción a VUE.jsArsys
 
herramienta web 2.0 ajax
herramienta web 2.0 ajaxherramienta web 2.0 ajax
herramienta web 2.0 ajaxmaleja25
 
Asp.Net Core 1.0 Deep Dive
Asp.Net Core 1.0 Deep DiveAsp.Net Core 1.0 Deep Dive
Asp.Net Core 1.0 Deep DiveEduard Tomàs
 
Despliegue de aplicaciones web en Microsoft Azure
Despliegue de aplicaciones web en Microsoft AzureDespliegue de aplicaciones web en Microsoft Azure
Despliegue de aplicaciones web en Microsoft AzureVíctor Moreno
 
Diggin into lightning web components
Diggin into lightning web componentsDiggin into lightning web components
Diggin into lightning web componentsFederico Giust
 
Tecnología ajax para el manejo de la web point
Tecnología ajax para el manejo de la web pointTecnología ajax para el manejo de la web point
Tecnología ajax para el manejo de la web pointAngulo Aroka
 
ASP.NET Investigación
ASP.NET Investigación ASP.NET Investigación
ASP.NET Investigación Hanser Perez
 
Desarrollo Web con ASP.NET MVC
Desarrollo Web con ASP.NET MVCDesarrollo Web con ASP.NET MVC
Desarrollo Web con ASP.NET MVCAngel Nuñez
 
Webassembly, Blazor y Javascript, una combinación explosiva
Webassembly, Blazor y Javascript, una combinación explosivaWebassembly, Blazor y Javascript, una combinación explosiva
Webassembly, Blazor y Javascript, una combinación explosivaRoberto Sanz Ciriano
 
Plainconcepts .Net Core Event - Real Time Applications
Plainconcepts .Net Core Event - Real Time ApplicationsPlainconcepts .Net Core Event - Real Time Applications
Plainconcepts .Net Core Event - Real Time ApplicationsCarlos Landeras Martínez
 

Was ist angesagt? (20)

Sprint 3 Despliegue a producción G55
Sprint 3 Despliegue a producción G55Sprint 3 Despliegue a producción G55
Sprint 3 Despliegue a producción G55
 
Why Azure is so MEAN?
Why Azure is so MEAN?Why Azure is so MEAN?
Why Azure is so MEAN?
 
Microservicios y contenedores Docker
Microservicios y contenedores DockerMicroservicios y contenedores Docker
Microservicios y contenedores Docker
 
Semana 6 Navegación y parámetros Sprint Boot
Semana 6   Navegación y parámetros Sprint BootSemana 6   Navegación y parámetros Sprint Boot
Semana 6 Navegación y parámetros Sprint Boot
 
Webinar: Introducción a VUE.js
Webinar: Introducción a VUE.jsWebinar: Introducción a VUE.js
Webinar: Introducción a VUE.js
 
herramienta web 2.0 ajax
herramienta web 2.0 ajaxherramienta web 2.0 ajax
herramienta web 2.0 ajax
 
Implementando una Arquitectura de Microservicios
Implementando una Arquitectura de MicroserviciosImplementando una Arquitectura de Microservicios
Implementando una Arquitectura de Microservicios
 
Asp.Net Core 1.0 Deep Dive
Asp.Net Core 1.0 Deep DiveAsp.Net Core 1.0 Deep Dive
Asp.Net Core 1.0 Deep Dive
 
DPRN3_U3_A1_IRMG1
DPRN3_U3_A1_IRMG1DPRN3_U3_A1_IRMG1
DPRN3_U3_A1_IRMG1
 
Semana 2 Arquitectura web y HTML 5
Semana 2   Arquitectura web y HTML 5Semana 2   Arquitectura web y HTML 5
Semana 2 Arquitectura web y HTML 5
 
Despliegue de aplicaciones web en Microsoft Azure
Despliegue de aplicaciones web en Microsoft AzureDespliegue de aplicaciones web en Microsoft Azure
Despliegue de aplicaciones web en Microsoft Azure
 
Diggin into lightning web components
Diggin into lightning web componentsDiggin into lightning web components
Diggin into lightning web components
 
Ajax Atlas
Ajax AtlasAjax Atlas
Ajax Atlas
 
Semana 7 Servicios Web API REST con Mongodb
Semana 7   Servicios Web API REST con MongodbSemana 7   Servicios Web API REST con Mongodb
Semana 7 Servicios Web API REST con Mongodb
 
Tecnología ajax para el manejo de la web point
Tecnología ajax para el manejo de la web pointTecnología ajax para el manejo de la web point
Tecnología ajax para el manejo de la web point
 
ASP.NET Investigación
ASP.NET Investigación ASP.NET Investigación
ASP.NET Investigación
 
Desarrollo Web con ASP.NET MVC
Desarrollo Web con ASP.NET MVCDesarrollo Web con ASP.NET MVC
Desarrollo Web con ASP.NET MVC
 
Webassembly, Blazor y Javascript, una combinación explosiva
Webassembly, Blazor y Javascript, una combinación explosivaWebassembly, Blazor y Javascript, una combinación explosiva
Webassembly, Blazor y Javascript, una combinación explosiva
 
2018.sps madrid.spfx workshop
2018.sps madrid.spfx workshop2018.sps madrid.spfx workshop
2018.sps madrid.spfx workshop
 
Plainconcepts .Net Core Event - Real Time Applications
Plainconcepts .Net Core Event - Real Time ApplicationsPlainconcepts .Net Core Event - Real Time Applications
Plainconcepts .Net Core Event - Real Time Applications
 

Andere mochten auch

El mundo de los sitios web
El mundo de los sitios webEl mundo de los sitios web
El mundo de los sitios webrodmazzo
 
Tendencias y casos de Redes Sociales
Tendencias y casos de Redes SocialesTendencias y casos de Redes Sociales
Tendencias y casos de Redes Socialesrodmazzo
 
PHPAJAX
PHPAJAXPHPAJAX
PHPAJAXrodasc
 
Modelo entidad relacion de base de datos
Modelo entidad relacion de base de datosModelo entidad relacion de base de datos
Modelo entidad relacion de base de datosjinethmarcelasanchez
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionIn a Rocket
 
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanHow to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanPost Planner
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting PersonalKirsty Hulse
 

Andere mochten auch (9)

Web 2.0
Web 2.0Web 2.0
Web 2.0
 
El mundo de los sitios web
El mundo de los sitios webEl mundo de los sitios web
El mundo de los sitios web
 
Tendencias y casos de Redes Sociales
Tendencias y casos de Redes SocialesTendencias y casos de Redes Sociales
Tendencias y casos de Redes Sociales
 
PHPAJAX
PHPAJAXPHPAJAX
PHPAJAX
 
AJAX EN CURSO PHP
AJAX EN CURSO PHPAJAX EN CURSO PHP
AJAX EN CURSO PHP
 
Modelo entidad relacion de base de datos
Modelo entidad relacion de base de datosModelo entidad relacion de base de datos
Modelo entidad relacion de base de datos
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
 
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanHow to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media Plan
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting Personal
 

Ähnlich wie ajax

Google Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresarialesGoogle Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresarialesTecsisa
 
Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologiajosia321
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptKarsarmi
 
Linea del tiempo de los frameworks
Linea del tiempo de los frameworksLinea del tiempo de los frameworks
Linea del tiempo de los frameworksJose Alejandro
 
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009Edison Proaño
 
Tecnología ajax para el manejo de la web 2.0
Tecnología ajax para el manejo de la web 2.0Tecnología ajax para el manejo de la web 2.0
Tecnología ajax para el manejo de la web 2.0Brenda Brito Hernandez
 
Presentacion Monografia
Presentacion MonografiaPresentacion Monografia
Presentacion MonografiaGEOVAN21
 
Web 2.0 Ajax
Web 2.0 AjaxWeb 2.0 Ajax
Web 2.0 AjaxKmilo6589
 
GWT y SmartGWT - Introducción
GWT y SmartGWT - IntroducciónGWT y SmartGWT - Introducción
GWT y SmartGWT - IntroducciónVLASLOV
 
J query el framework de la web luc van lancker-1504
J query el framework de la web    luc van lancker-1504J query el framework de la web    luc van lancker-1504
J query el framework de la web luc van lancker-1504Vanessa Carlos
 

Ähnlich wie ajax (20)

Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Google Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresarialesGoogle Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresariales
 
Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologia
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
Linea del tiempo de los frameworks
Linea del tiempo de los frameworksLinea del tiempo de los frameworks
Linea del tiempo de los frameworks
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
AJAX
AJAXAJAX
AJAX
 
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
 
Tecnología ajax para el manejo de la web 2.0
Tecnología ajax para el manejo de la web 2.0Tecnología ajax para el manejo de la web 2.0
Tecnología ajax para el manejo de la web 2.0
 
Presentacion Monografia
Presentacion MonografiaPresentacion Monografia
Presentacion Monografia
 
Javacript
JavacriptJavacript
Javacript
 
Ajax
AjaxAjax
Ajax
 
Web 2.0 Ajax
Web 2.0 AjaxWeb 2.0 Ajax
Web 2.0 Ajax
 
GWT y SmartGWT - Introducción
GWT y SmartGWT - IntroducciónGWT y SmartGWT - Introducción
GWT y SmartGWT - Introducción
 
Web20 With Ajax
Web20 With AjaxWeb20 With Ajax
Web20 With Ajax
 
J query el framework de la web luc van lancker-1504
J query el framework de la web    luc van lancker-1504J query el framework de la web    luc van lancker-1504
J query el framework de la web luc van lancker-1504
 

ajax

  • 2. Php Ajax  ¿Que es ajax? Ajax = Asyncronous javascript and xml. Conjunto de tecnologías que no permiten de mayor interacción a nuestras aplicaciones web, creando interfaces mas dinámicos y mostrando datos al usuarios sin necesidad de recargar la pagina mediante el uso de técnicas en java script
  • 3. Orígenes De Ajax  Desde hacía ya tiempo que se hacían comunicaciones asíncronas en aplicaciones web. En 1996 con Internet Explorer 3 utilizando el frame oculto o en 1997 con Netscape 4 utilizando el elemento layer. Las dos capas tenían un atributo src que permitía cargar una dirección con un contentenido HTML y código javascript con la lógica necesaria para tratar esos datos e introducirlos en la la página por medio de DOM.  Microsoft, en 1998, revolucionó la técnica de los frames y los layer (para ser claros, útil pero algo ‘chapucera’) cuando presentó Script Remoting . Una solución bastante más elegante que utilizaba un applet de Java para realizar estas comunicaciones asíncronas. Lo aplicó de forma muy efectiva en el Outlook Web Access que venía con la versión 2000 del Microsoft Exchange Server.  Después de esto, una comunidad de desarrolladores Web comenzó a construir una libreríaJSRS con la finalidad de que funcionase en varios navegadores desde el año 2000 hasta el 2002, año en el que se convirtió en el elemento XMLHttpRequest que utilizamos actualmente.  El nombre de Ajax no le vino hasta que en febrero de 2005 Jesse James Garret publicase un artículo, que enlacé antes, llamándo a esta unión de tecnologías como Ajax.
  • 4. Ventajas Ajax  Crear una navegación mas agradable para el usuario.  Disminuir el tiempo de carga y ancho de banda necesarios  Desarrollar mas rápidamente usando frameworks  Multiplataforma, multitecnologia, multinavegador.  Comunidades en auge
  • 5. Desventajas Ajax  Dificultad de integrar el botón “atrás”.  Problemas si el usuario tiene deshabilitado el uso de java script.  Dificultades para ofrecer link directos a contenidos generados dinámicamente.  Mas Ajax (java scrips) = Mayor carga de CPU en el navegador  Ajax!= web 2.0
  • 7. Como funciona Ajax! Modelo Ajax
  • 8. Conclusión  No existe una librería mejor que otra.  No hay que cerrarse en un asola librería, podemos combinar varias en un mismo proyecto.