AJAX
acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, mejorando la interactividad, velocidad y usabilidad en las aplicaciones.
para que sirve AJAX?
Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se solicitan al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página, aunque existe la posibilidad de configurar las peticiones como síncronas de tal forma que la interactividad de la página se detiene hasta la espera de la respuesta por parte del servidor.
JavaScript es un lenguaje de programación (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en XML.
Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y Document Object Model (DOM).
Ventajas y desventajas de AJAX
Sus ventajas son:
Mejora la experiencia del usuario
Puede ser utilizada en cualquier plataforma y navegador
Menor transferencia de datos cliente/servidor
Optimización de recursos (tiempo de operaciones)
Portabilidad y usabilidad (permite realizar una petición de datos al servidor y recibirla sin necesidad de cargar la página entera)
Sus desventajas son:
JavaScript debe estar activado en el navegador web para funcionar
Utilizar AJAX preferentemente en formularios de contacto, validación de correo electrónico y contraseñas para no afectar el posicionamiento web (SEO)
Tiempos de respuesta del servidor en momentos determinados
Tiempo de desarrollo (es necesario tener conocimiento medio/alto de las tecnologías que hacen parte de AJAX)
Algunas funciones a las que estamos acostumbrados en la navegación web pueden no funcionar como esperamos. Por ejemplo, el botón de atrás, guardar marcador o actualizar la página web en cualquier momento.
XHTML (o HTML) y hojas de estilos en cascada (CSS) para el diseño que acompaña a la información.
Document Object 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.
El objeto XMLHttpRequest para intercambiar datos de forma asíncrona 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. PHP es un lenguaje de programación de uso general de script del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico también utilizado en el método Ajax.
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.
es una biblioteca multiplataforma de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC. jQuery es la biblioteca de JavaScript más utilizada.
Ventajas de JQuery
- Es compatible con la mayoría de las plataformas móviles: iOS, BlackBerry, Windows Mobile, Symbian y Android.
- Como está basado en jQuery (lógico), no tiene una gran curva de aprendizaje
- Soporta temas de estilos
- Es sumamente ligero y rápido.
- jQuery es fácil de instalar y aprender, inicialmente. Pero no es tan fácil si lo comparamos con CSS
- Si jQuery es implementado inapropiadamente como un Framework, el entorno de desarrollo se puede salir de control.
lo primero que debemos hacer para poder usar jQuery en una página, es enlazar el archivo jquery.js que hemos descargado (ver página anterior de este manual) a la página en la que lo vamos a utilizar. Para ello bastará con poner un link en la cabecera del documento, como este:
<script type="text/javascript" src="jquery.js"></script>
El atributo src indica la ruta hacia el archivo jQuery, por lo que si lo hemos guardado en otra carpeta o hemos llamado al archivo de otra manera, deberemos modificarlo para que coincida.
a partir de aquí, en otro script tipo javascript meteremos el código relativo a jquery. Este segundo script debe ponerse siempre después del primero, pues debe haberse cargado el archivo jquery.js para poder llamar a sus métodos.
El modo de trabajar de jQuery es buscar en la página el elemento que deseemos para luego modificarlo. Por lo tanto para encontrar el elemento, cuando se llama a la función que lo busca, éste debe estar ya cargado. En javascript esto lo solemos hacer mediante la función anónima:
window.onload=function() { ... }
sin embargo al usar jQuery sustituimos esta funcion por esta otra:
$(document).ready(function(){ ... });
No hay comentarios:
Publicar un comentario