SlideShare una empresa de Scribd logo
1 de 7
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
 
"Как это было" ИТИ на МПК5
"Как это было" ИТИ на МПК5"Как это было" ИТИ на МПК5
"Как это было" ИТИ на МПК5Yulia Akhulkova
 
инструментарий переводчика-часть-3
инструментарий переводчика-часть-3инструментарий переводчика-часть-3
инструментарий переводчика-часть-3Yulia 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

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 

Último (9)

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 

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.