• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Inicios Ajax
 

Inicios Ajax

on

  • 1,712 views

 

Statistics

Views

Total Views
1,712
Views on SlideShare
1,709
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