0% encontró este documento útil (0 votos)
107 vistas12 páginas

Fundamentos de AJAX en Programación Web

Este documento define AJAX como una técnica de desarrollo web que permite crear aplicaciones interactivas mediante la combinación de JavaScript, XML, XHTML y CSS. Explica las ventajas de AJAX como mejorar la experiencia del usuario y reducir el tráfico de red, pero también sus desventajas como problemas de compatibilidad entre navegadores y la falta de soporte para el botón de retroceso. Finalmente, recomienda casos como formularios e interacción de nodos donde usar AJAX y otros como búsquedas simples donde evitarlo.
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
107 vistas12 páginas

Fundamentos de AJAX en Programación Web

Este documento define AJAX como una técnica de desarrollo web que permite crear aplicaciones interactivas mediante la combinación de JavaScript, XML, XHTML y CSS. Explica las ventajas de AJAX como mejorar la experiencia del usuario y reducir el tráfico de red, pero también sus desventajas como problemas de compatibilidad entre navegadores y la falta de soporte para el botón de retroceso. Finalmente, recomienda casos como formularios e interacción de nodos donde usar AJAX y otros como búsquedas simples donde evitarlo.
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Programa Capacitacion

.Net 2008

AJAX
Objetivo

Mostrar los fundamentos elementales de


AJAX, uso y limitaciones.
Temas a Tratar

Definicion
Tecnologias agrupadas en AJAX
Ventajas y desventajas
Conclusiones
Definición
AJAX: Es una técnica de desarrollo WEB para
crear aplicaciones interactivas o RIA(Rich
Internet Applications)

Asynchronous Javascript And XML (JavaScript


asíncrono y XML).
Tecnologias incluidas en AJAX
AJAX es una combinación de cuatro tecnologías
ya existentes

XHTML (o HTML) y hojas de estilos en cascadas (CSS)


para el diseño que acompaña a la información.

Document Objet Model (DOM) accedido con un lenguaje de


scripting por parte del usuario, especialmente implementaciones
ECMAScript como JavaScript y JScript, para mostrar e
interactuar dinámicamente con la información presentada.
Tecnologias incluidas en AJAX
El objeto XMLHttpRequest para intercambiar datos
asincrónicamente con el servidor web. En algunos
frameworks y en algunas situaciones concretas, se usa un
objeto iframe en lugar del XMLHttpRequest para realizar
dichos intercambios.

XML es el formato usado generalmente para la


transferencia de datos solicitados al servidor, aunque
cualquier formato puede funcionar, incluyendo HTML
preformateado, texto plano, JSON y hasta EBML.
Como el DHTML,LAMP o SPA, AJAX no constituye una
tecnología en sí, sino que es un término que engloba a un
grupo de éstas que trabajan conjuntamente.
Ventajas y desventajas AJAX
Ventajas
La experiencia de usuario en la navegación es mucho más
rica.
Ya no se refresca la página constantemente al interactuar
con ella. El tiempo de espera para una petición se reduce.
El usuario al hacer un pedido (request) al servidor, no se
envía toda la página.
Por la misma razón anterior el trafico al servidor se
reduce.
Ventajas y desventajas AJAX
Desventajas
Falta de integración con el botón retroceder del navegador. Se
debe tener en cuenta esto al intentar guardar funcionalidad con
este botón.
Falta de soporte para todos los navegadores. Aunque esto se va
reduciendo, el problema se presenta por la falta de soporte para
JavaScript y XMLHttpRequest.
Ventajas y desventajas AJAX
Desventajas
Problemas si el usuario ha des habilitado el uso de JavaScript
en su navegador.
No poder recomendar links específicos. Si hace que toda la web
sea interactiva, no es posible recomendar algún link, ya que el
contenido fue generando dinámicamente. Se debería encontrar
un equilibrio dependiendo de las necesidades del escenario.
Demasiado código Ajax hace lento el navegador. A más Ajax,
más uso de código JavaScript del lado del browser, por
consiguiente mayor trabajo del browser. El rendimiento del cpu
puede verse afectado.
Modelo Asincrono
Conclusiones
Casos en los que es Casos en los que es
recomendable usar AJAX recomendable evitar AJAX

Interaccion a través de Búsquedas


formularios
Envios atraves de
Navegación jerárquica por
formularios simples
nodos (o estilo árbol)
Comunicación rápida entre Navegación básica
usuarios
Votaciones, encuestas, Reemplazar grandes
valoraciones, etc. cantidades de texto
Filtrado y manipulación de datos
o resultados de búsqueda Manipulación de la interfaz
Autocompletado de campos de Widgets sin sentido
texto usados comunmente
Referencias
http://macropsia.com.ar/2005/12/donde-usar-y-donde-evitar-ajax/
http://geeks.ms/blogs/sergiotarrillo/archive/2007/01/09/8420.aspx
http://es.wikipedia.org/wiki/AJAX
http://www.infovis.net/printMag.php?num=177&lang=1
http://es.wikipedia.org/wiki/Iframe
http://es.wikipedia.org/wiki/XMLHttpRequest
http://windowsxp.ethek.com/contenido.asp?IDContenido=461
http://www.javeriana.edu.co/relato_digital/r_digital/taller/introdis/
cap01-estructuras.htm

También podría gustarte