SlideShare a Scribd company logo
1 of 6
PRIMEROS PASOS CON AJAX

     EDWIN CALLE REYES
    reyescar2@gmail.com
• Explicacion primero debemos entender que es
  ajax por aki un poco

• Ajax, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono
  y XML), es una técnica de desarrollo web para crear aplicaciones
  interactivas o RIA (Rich Internet Applications). Estas aplicaciones se
  ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se
  mantiene la comunicación asíncrona con el servidor en segundo plano. De
  esta forma es posible realizar cambios sobre las páginas sin necesidad de
  recargarlas, lo que significa aumentar la interactividad, velocidad
  y usabilidad en las aplicaciones.
• Bueno el codigo se explica de la siguiente manera
• Tenemos una funcion llamada ejecutarajax() esta es la
  que se encarga de primero crear una conexión a partir
  de un objeto de tipo XMLHttpRequest luego verifica la
  con el metodo onreadystatechange si la conexión es ok
  con el codigo == 4 y si est estado htttp es 200, es decir
  si esta OK luego si es asi inserta un texto en el <DIV>
  llamado por el id “midiv” y dentro de el escribe el
  texto plano que tenemos en nuestro “ejemplo.txt”. Eso
  es todo saludos espero le aya servido. bye
ARCHIVO index.html
ARCHIVO ejemplo.txt
• Este es un texto de muesta q pueden tener
  con ajax es muy sencillo como se pueder ver
  sin necesidad de resfrescar la pagina html :).
  Creado Por Edwin Calle.
• Visiten mi blog
  http://www.edwincalle.blogspot.com
• Recibo sus comentarios

More Related Content

What's hot (12)

Ajax
AjaxAjax
Ajax
 
Djesus - Visual basic
Djesus - Visual basic Djesus - Visual basic
Djesus - Visual basic
 
Ajax
AjaxAjax
Ajax
 
B.V. II
B.V. IIB.V. II
B.V. II
 
Bases de datos desde visual basic 6.0
Bases de datos desde visual basic 6.0Bases de datos desde visual basic 6.0
Bases de datos desde visual basic 6.0
 
Base de datos
Base de datosBase de datos
Base de datos
 
Bases de datos desde visual basic 6.0
Bases de datos desde visual basic 6.0Bases de datos desde visual basic 6.0
Bases de datos desde visual basic 6.0
 
Kairubys rodriguez
Kairubys rodriguezKairubys rodriguez
Kairubys rodriguez
 
Manual de creación y uso de Web Service SOAP
Manual de creación y uso de Web Service SOAPManual de creación y uso de Web Service SOAP
Manual de creación y uso de Web Service SOAP
 
Programación de códigos php
Programación de códigos phpProgramación de códigos php
Programación de códigos php
 
12. Administracion Del Estado
12.  Administracion Del Estado12.  Administracion Del Estado
12. Administracion Del Estado
 
Protocolo http
Protocolo httpProtocolo http
Protocolo http
 

Viewers also liked

Viewers also liked (8)

Ajax Huancayo
Ajax HuancayoAjax Huancayo
Ajax Huancayo
 
Desatanizando Tecnologías: Javascript/AJAX
Desatanizando Tecnologías: Javascript/AJAXDesatanizando Tecnologías: Javascript/AJAX
Desatanizando Tecnologías: Javascript/AJAX
 
Que es AJAX
Que es AJAXQue es AJAX
Que es AJAX
 
Fundamentos De Web 2.0
Fundamentos De Web 2.0Fundamentos De Web 2.0
Fundamentos De Web 2.0
 
Introduccion a AJAX
Introduccion a AJAXIntroduccion a AJAX
Introduccion a AJAX
 
Aprende Ajax
Aprende AjaxAprende Ajax
Aprende Ajax
 
Problemas de Satisfaccion de restricciones (PSR)
Problemas de Satisfaccion de restricciones (PSR)Problemas de Satisfaccion de restricciones (PSR)
Problemas de Satisfaccion de restricciones (PSR)
 
Extension e investigacion1
Extension e investigacion1Extension e investigacion1
Extension e investigacion1
 

Similar to Primeros pasos con ajax (20)

Ajax
AjaxAjax
Ajax
 
AJAX EN CURSO PHP
AJAX EN CURSO PHPAJAX EN CURSO PHP
AJAX EN CURSO PHP
 
Paginas web diseño donamico.pptx
Paginas web diseño donamico.pptxPaginas web diseño donamico.pptx
Paginas web diseño donamico.pptx
 
Ajax
AjaxAjax
Ajax
 
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
 
Ajax
AjaxAjax
Ajax
 
AJAX
AJAXAJAX
AJAX
 
Ajax
AjaxAjax
Ajax
 
Qué es y para qué sirve ajax?
Qué es y para qué sirve ajax?Qué es y para qué sirve ajax?
Qué es y para qué sirve ajax?
 
Javacript
JavacriptJavacript
Javacript
 
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
 
Manual Ajax con jquery
Manual Ajax con jqueryManual Ajax con jquery
Manual Ajax con jquery
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Ajax
AjaxAjax
Ajax
 
IntroduccióN Ajax
IntroduccióN AjaxIntroduccióN Ajax
IntroduccióN Ajax
 
ajax
ajaxajax
ajax
 
AJAX
AJAXAJAX
AJAX
 
Ajax
AjaxAjax
Ajax
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
¿Qué es ajax?
¿Qué es ajax?¿Qué es ajax?
¿Qué es ajax?
 

Recently uploaded

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilJuanGallardo438714
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxlosdiosesmanzaneros
 

Recently uploaded (15)

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 

Primeros pasos con ajax

  • 1. PRIMEROS PASOS CON AJAX EDWIN CALLE REYES reyescar2@gmail.com
  • 2. • Explicacion primero debemos entender que es ajax por aki un poco • Ajax, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.
  • 3. • Bueno el codigo se explica de la siguiente manera • Tenemos una funcion llamada ejecutarajax() esta es la que se encarga de primero crear una conexión a partir de un objeto de tipo XMLHttpRequest luego verifica la con el metodo onreadystatechange si la conexión es ok con el codigo == 4 y si est estado htttp es 200, es decir si esta OK luego si es asi inserta un texto en el <DIV> llamado por el id “midiv” y dentro de el escribe el texto plano que tenemos en nuestro “ejemplo.txt”. Eso es todo saludos espero le aya servido. bye
  • 5. ARCHIVO ejemplo.txt • Este es un texto de muesta q pueden tener con ajax es muy sencillo como se pueder ver sin necesidad de resfrescar la pagina html :). Creado Por Edwin Calle.
  • 6. • Visiten mi blog http://www.edwincalle.blogspot.com • Recibo sus comentarios