SlideShare una empresa de Scribd logo
QUE ES AJAX Y
PARA QUE
SIRVE…
QUE ES AJAX Y PARA QUE SIRVE…
ACCESO WEB CLÁSICO
QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB CLÁSICO
1. PULSO BOTÓN Y
EL NAVEGADOR PIDE DATOS
AL SRV WEB.
2. EL SRV PROPORCIONA
LOS DATOS Y LA WEB
RECARGA.
ACCESO WEB DINÁMICO
QUE ES AJAX Y PARA QUE SIRVE…
QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB DINÁMICO
1. PULSO BOTÓN
2. AJAX SOLICITA LOS DATOS
AL SERVIDOR
3. EL SERVIDOR ENVIA LOS DATOS
A AJAX
4. AJAX SOLO CAMBIA
LA VENTANA
QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB DINÁMICO CON SRV DE BB.DD
1. PULSO BOTÓN
2. AJAX SOLICITA LOS DATOS
AL SERVIDOR
3. EL SERVIDOR SOLICITA LOS DATOS
AL SERVIDOR DE BB.DD
4. LA BB.DD ENCASULA LA RESPUESTA
EN JSON
5. EL SERVIDOR PROPORCIONA
EL PAQUETE JSON A AJAX
6. AJAX INTERPRETA EL JSON Y
EXTRUCTURA LOS DATOS EN LA
VENTANA
QUE ES AJAX Y PARA QUE SIRVE… TECNOLOGIAS DE APP WEB
¿PREGUNTAS?

Más contenido relacionado

Destacado

Mat 540 wee k 11 final exam
Mat 540 wee k 11 final examMat 540 wee k 11 final exam
Mat 540 wee k 11 final examgetwisdom
 
ThorpsCuriousDecision
ThorpsCuriousDecisionThorpsCuriousDecision
ThorpsCuriousDecisionMatthew Smith
 
เคมี
เคมีเคมี
เคมี
FoFour Thirawit
 
"Как это было" ИТИ на МПК5
"Как это было" ИТИ на МПК5"Как это было" ИТИ на МПК5
"Как это было" ИТИ на МПК5
Yulia Akhulkova
 
инструментарий переводчика-часть-3
инструментарий переводчика-часть-3инструментарий переводчика-часть-3
инструментарий переводчика-часть-3
Yulia Akhulkova
 
Product solution "YouTurn.app". Coursera "What's your big idea?"
Product solution "YouTurn.app". Coursera "What's your big idea?"Product solution "YouTurn.app". Coursera "What's your big idea?"
Product solution "YouTurn.app". Coursera "What's your big idea?"
FRANCISCO JAVIER GHERSI LAZARO
 

Destacado (12)

9 17
9 179 17
9 17
 
The Learners
The LearnersThe Learners
The Learners
 
Revolt
RevoltRevolt
Revolt
 
Mat 540 wee k 11 final exam
Mat 540 wee k 11 final examMat 540 wee k 11 final exam
Mat 540 wee k 11 final exam
 
Hadoop training and placement
Hadoop training and placementHadoop training and placement
Hadoop training and placement
 
Hadoop developer training
Hadoop developer trainingHadoop developer training
Hadoop developer training
 
ThorpsCuriousDecision
ThorpsCuriousDecisionThorpsCuriousDecision
ThorpsCuriousDecision
 
เคมี
เคมีเคมี
เคมี
 
"Как это было" ИТИ на МПК5
"Как это было" ИТИ на МПК5"Как это было" ИТИ на МПК5
"Как это было" ИТИ на МПК5
 
инструментарий переводчика-часть-3
инструментарий переводчика-часть-3инструментарий переводчика-часть-3
инструментарий переводчика-часть-3
 
Boston strong
Boston strongBoston strong
Boston strong
 
Product solution "YouTurn.app". Coursera "What's your big idea?"
Product solution "YouTurn.app". Coursera "What's your big idea?"Product solution "YouTurn.app". Coursera "What's your big idea?"
Product solution "YouTurn.app". Coursera "What's your big idea?"
 

Último

ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
jesusmedina766305
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
AlexanderCR12
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
Elizabeth Mejia
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
QuerubinOlayamedina
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
DarwinNestorArapaQui
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
jhannimejia
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
XxsmalXxYT
 
O ración a Pomba Gira María Padilha.docx
O ración a Pomba Gira María Padilha.docxO ración a Pomba Gira María Padilha.docx
O ración a Pomba Gira María Padilha.docx
LuisAlbertoCordovaBa
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
mcavero2019
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
edepjuanorozco
 
México y el Imperialismo U3S2.pdf Rogelio
México y el Imperialismo U3S2.pdf RogelioMéxico y el Imperialismo U3S2.pdf Rogelio
México y el Imperialismo U3S2.pdf Rogelio
anulrcuh
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
JosvilAngel
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
LuisEnriqueCarboneDe
 

Último (17)

ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
 
O ración a Pomba Gira María Padilha.docx
O ración a Pomba Gira María Padilha.docxO ración a Pomba Gira María Padilha.docx
O ración a Pomba Gira María Padilha.docx
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
 
México y el Imperialismo U3S2.pdf Rogelio
México y el Imperialismo U3S2.pdf RogelioMéxico y el Imperialismo U3S2.pdf Rogelio
México y el Imperialismo U3S2.pdf Rogelio
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
 

Que es AJAX y para que sirve.

  • 1. QUE ES AJAX Y PARA QUE SIRVE…
  • 2. QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB CLÁSICO
  • 3. QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB CLÁSICO 1. PULSO BOTÓN Y EL NAVEGADOR PIDE DATOS AL SRV WEB. 2. EL SRV PROPORCIONA LOS DATOS Y LA WEB RECARGA.
  • 4. ACCESO WEB DINÁMICO QUE ES AJAX Y PARA QUE SIRVE…
  • 5. QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB DINÁMICO 1. PULSO BOTÓN 2. AJAX SOLICITA LOS DATOS AL SERVIDOR 3. EL SERVIDOR ENVIA LOS DATOS A AJAX 4. AJAX SOLO CAMBIA LA VENTANA
  • 6. QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB DINÁMICO CON SRV DE BB.DD 1. PULSO BOTÓN 2. AJAX SOLICITA LOS DATOS AL SERVIDOR 3. EL SERVIDOR SOLICITA LOS DATOS AL SERVIDOR DE BB.DD 4. LA BB.DD ENCASULA LA RESPUESTA EN JSON 5. EL SERVIDOR PROPORCIONA EL PAQUETE JSON A AJAX 6. AJAX INTERPRETA EL JSON Y EXTRUCTURA LOS DATOS EN LA VENTANA
  • 7. QUE ES AJAX Y PARA QUE SIRVE… TECNOLOGIAS DE APP WEB ¿PREGUNTAS?

Notas del editor

  1. AJAX es una tecnología de desarrollo web utilizada para crear de una manera mas facil aplicaciones web. Es un acrónimo que significa: Asynchronous JavaScript And XML (JavaScript asíncrono y XML) Entronca con las tecnologías de Servidores de aplicaciones. Punto 4.1.2 de los apuntes de Administración de redes y sistemas operativos PID_0019180).
  2. Que sucede cuando accedemos a una página web de forma clásica.
  3. Tras internet esta el servidor web (puede ser Apache, IIS, etc.). Localmente tenemos nuestro navegador web. Normalmente hacemos una petición a una URL (dirección web) que apunta al servidor. El servidor responde la URL con el contenido y el navegador interpreta el mensaje presentado gráficamente los datos recibidos (Texto, Link, Imagenes, etc). Cuando pulsamos un botón, el navegador reinicia el proceso y carga toda la página web de nuevo.
  4. Pero: ¿ Cómo funciona en otros casos?. Por ejemplo, cuando estamos en Facebook y recibimos las notificaciones al instante o navegamos por Google maps sin recargar la página. Estas aplicaciones funcionan con A​JAX.​
  5. AJAX esta ubicado en el navegador. Situemos una ventana dentro de la página web con una funcionalidad (Ejemplo: Tweets). Cuando pulsamos el botón de tweets nuevos, AJAX comienza a funcionar. AJAX es a​crónimo de A​s​ynchronous J​a​vaScript A​n​d X​M​L. Al pulsar el botón el navegador utiliza AJAX, mediante el lenguaje Ja​vascript, para informar al servidor de aplicación que mande datos nuevos. El servidor envía los datos requeridos a AJAX y este solo cambia la ventana con los nuevos Tweets. EL CONCEPTO A​S​ÍNCRONO EN AJAX SIGNIFICA QUE NO HAY QUE RECARGAR LA PÁGINA.
  6. EL CONCEPTO X​M​L ES UNA FORMA DE ENCAPSULAR LOS DATOS. XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas extensible'), es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C) utilizado para almacenar datos en forma legible e intercambio de datos. En la actualidad se utiliza un lenguaje de etiquetado mas simple llamado, JSON, acrónimo de JavaScript Object Notation. Luego, ¿como es la tecnología AJAX con servidor de base de datos?-de la manera mas sencilla posible- Tenemos un Srv web, una BB.DD en un servidor y una web con estructuras dinámicas. Las estructuras –frames, ventanas, etc- se actualizan a través de AJAX mediante el lenguaje de programación JAVASCRIPT. Cuando pulsamos el botón de Tweets, AJAX solicita al Srv web los datos El Srv web solicita los datos al la BB.DD mediante un proceso de Backend. La BB.DD mediante un lenguaje de programación encapsula los datos en JSON y se los proporciona al Srv web. El Srv web proporciona el JSON a AJAX. AJAX interpreta el JSON, lo desencapsula e introduce los datos en la estructura web sin necesidad de recargar la página.