Inicios Ajax
Upcoming SlideShare
Loading in...5
×
 

Inicios Ajax

on

  • 1,783 views

 

Statistics

Views

Total Views
1,783
Views on SlideShare
1,780
Embed Views
3

Actions

Likes
0
Downloads
40
Comments
0

1 Embed 3

http://www.slideshare.net 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Inicios Ajax Inicios Ajax Presentation Transcript

  • 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.
  • 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.
    • 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).
  • 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.
    • 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.
  • 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.
    • 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.
  • 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.
    • 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();
    • 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.
    • 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;
    • }
    • 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
    • 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.
  • Los principales métodos del objeto XMLHttpRequest son:
    • open, Abre un requerimiento HTTP al servidor.
    • send, Envía el requerimiento al servidor.
    • 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