Ajax
Descargar como PPT, PDF1 recomendación1,285 vistas
AJAX permite actualizar partes de una página web con información del servidor sin necesidad de recargar la página completa, lo que mejora la interactividad. Usa tecnologías existentes como HTML, CSS, JavaScript y XML. El objeto XMLHttpRequest es fundamental para la comunicación asíncrona con el servidor y permite enviar y recibir datos, principalmente en formato XML.
Ajax
- 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