Your SlideShare is downloading. ×
Inicios Ajax
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Inicios Ajax

1,199
views

Published on

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,199
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
44
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. AJAX Qué es AJAX? Ajax no es un lenguaje de programación, pero sí es una reunión de otras tecnologías (lenguajes de programación) como html, css , xml, JavaScript, dhtml básicamente, estas tecnologías trabajando juntas, forman lo que es Ajax.
  • 2. Que hace Ajax? Ajax nos permite actualizar una parte de la página con información que se encuentra en el servidor sin tener que refrescar completamente la página, y de modo similar podemos enviar información al servidor, de esta manera se pueden desarrollar webs altamente interactivas, ahorrando ancho de banda y recargas de página.
  • 3.
    • AJAX son las siglas de (Asynchronous Javascript and XML)
    • Si traducimos esto no es más que una forma de programar aplicaciones interactivas para web(Es lo que se ha denominado web 2.0).
    • Quizás lo más difícil de AJAX es el tener que dominar varias tecnologías(nombradas anteriormente).
  • 4. Ventajas de AJAX
    • Uso de tecnologías ya existentes.
    • Soportada por la mayoría de los navegadores modernos.
    • Presenta Interactividad. El usuario no tiene que esperar hasta que llegen los datos del servidor.
  • 5.
    • Portabilidad (no requiere plug-in como Flash y Applet de Java)
    • Mayor velocidad, esto debido que no hay que retornar toda la página nuevamente.
    • La página se asemeja a una aplicación de escritorio.
  • 6. Desventajas de AJAX
    • Se pierde el concepto de volver a la página anterior.
    • Si se guarda en favoritos no necesariamente al visitar nuevamente el sitio se ubique donde nos encontrábamos al grabarla.
    • La existencia de páginas con AJAX y otras sin esta tecnología hacen confundir al usuario.
  • 7.
    • Problemas con navegadores antiguos que no implementan esta tecnología.
    • No funciona si el usuario tiene desactivado el JavaScript en su navegador.
    • Requiere programadores que conozcan todas las tecnologías que intervienen en AJAX.
    • Dependiendo de la carga del servidor podemos experimentar tiempos tardíos de respuesta que desconciertan al visitante.
  • 8. XMLHttpRequest
    • El objeto XMLHttpRequest es fundamental en el trabajo con Ajax, es un elemento que nos sirve para la comunicación asincrónica con el servidor.
    • Este objeto nos permite enviar y recibir información, principalmente en formato XML, aunque puede ser en cualquier otro formato.
  • 9.
    • Este objeto es manejado desde javascript, por lo tanto lo primero que debemos hacer es comprobar la disponibilidad en el navegador.
    • En los navegadores basados en Mozilla, la referencia a este objeto desde javascript es window.XMLHttpRequest .
    • Sería algo así:
    • if (window.XMLHttpRequest) xmlHttp = new XMLHttpRequest();
  • 10.
    • En Internet Explorer tenemos que hacer uso de ActiveXObject , existiendo varias versiones denominadas Microsoft.XMLHTTP y Msxml2.XMLHTTP :
    • if (window.ActiveXObject) xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    • En estos 2 fragmentos de código (marcados con color verde) estamos implementando una función que nos retorne un objeto XMLHttpRequest, para cada navegador.
  • 11.
    • La función completa quedaría de la siguiente manera:
    • function crearXMLHttpRequest() {
    • var xmlHttp=null;
    • if (window.ActiveXObject) xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    • else if (window.XMLHttpRequest)
    • xmlHttp = new XMLHttpRequest();
    • return xmlHttp;
    • }
  • 12.
    • Las principales propiedades del objeto XMLHttpRequest son:
    • onreadystatechange , almacena el nombre de la función que se ejecutará cuando el objeto XMLHttpRequest cambie de estado.
    • readyState, a lmacena el estado del requerimiento hecho al servidor, este puede ser:
    • 0 - N o inicializado
    • 1 - Cargando
    • 2 - Cargado
    • 3 - Interactivo
    • 4 - Completado
  • 13.
    • responseText , almacena el string devuelto por el servidor, luego de haber hecho una petición.
    • responseXML, similar a responseText, pero los datos devueltos por el servidor se encuentran en formato XML.
  • 14. Los principales métodos del objeto XMLHttpRequest son:
    • open, Abre un requerimiento HTTP al servidor.
    • send, Envía el requerimiento al servidor.
  • 15.
    • Tecnologías modernas de la web 2.0 usan Ajax, por ejemplo gmail o google maps de google
    • http: / / gmail.com/
    • http: / / maps.google.com/
    • , o Yahoo Maps de yahoo.
    • http: / / maps.yahoo.com/
    • Entre muchas más tecnologías modernas .
    • POR: ESTE B A N CHAM B A JIM É N E Z

×