¿Qué es el estilo Ajax? Proporcione una explicación más profesional y ejemplos detallados.
- Realizar solicitudes asíncronas al servidor web - Mientras el usuario espera una respuesta del servidor web, la interfaz de usuario del navegador no se bloquea y puede continuar para responder a las interacciones del usuario.
- Altamente dependiente de la lógica basada en navegador escrita en JavaScript - Las mejoras recientes y la estandarización de W3CDOM brindan soporte para actualizaciones dinámicas de la interfaz de usuario del cliente.
- Intercambio de datos basado en XML entre el navegador y el servidor web - El objeto XMLHttp permite comunicarse con el servidor web sin recargar la página.
La mayor diferencia entre las aplicaciones AJAX y las aplicaciones web tradicionales es que cada interacción del usuario no hace que cada solicitud HTTP se envíe al servidor web, sino que se implementa la lógica JavaScript basada en el navegador. Este control determina si; procesar la solicitud localmente o realizar una llamada asincrónica al servidor. Una vez que se completa la llamada asincrónica al servidor, la lógica del cliente actualiza adecuadamente las partes relevantes de la interfaz de usuario. Este enfoque ofrece las siguientes ventajas:
- Experiencia de usuario más rica. Por ejemplo, cuando un usuario de Google Maps arrastra el mapa en una dirección, se envía una solicitud asincrónica al servidor en segundo plano, lo que permite al usuario continuar arrastrando más allá de los límites de la pantalla. De esta manera, cuando el usuario arrastra más el mapa, ya hay nuevas imágenes disponibles. Esto dará como resultado una sensación de mayor capacidad de respuesta.
- Debido a que el estado del servidor que realiza la llamada no se pierde en las llamadas basadas en XMLHttp, las aplicaciones AJAX pueden evitar regenerar la interfaz de usuario cada vez.
- Se ubica más lógica en el lado del navegador, lo que reduce la cantidad de solicitudes de ida y vuelta al servidor web, aumentando así el potencial general del sistema.
A pesar de estas ventajas, las aplicaciones estilo AJAX también tienen algunas desventajas. Por ejemplo, el desarrollo de aplicaciones de estilo AJAX es difícil debido a la falta de soporte de framework (un conjunto de clases de UI similar al kit de herramientas MFC de Windows) y IDE (depuración, visualización, etc.). Además, el desarrollo basado en AJAX requiere dominar al menos dos lenguajes (DHTML y JavaScript). Además, las aplicaciones de estilo AJAX tardan más en codificarse porque requieren pruebas adicionales para admitir múltiples versiones y tipos de navegadores. Finalmente, dado que los usuarios finales tienen acceso al código fuente basado en JavaScript, el análisis de seguridad durante el desarrollo se vuelve muy importante.
Afortunadamente, herramientas como Atlas, AJAX.NET y GoogleMapsAPI brindarán un mejor soporte para crear aplicaciones estilo AJAX en el futuro. A continuación, analizaremos la evolución de las tecnologías de soporte para crear aplicaciones estilo AJAX y lo que podemos esperar del conjunto de herramientas Atlas recientemente lanzado.
Primero analicemos el objeto XMLHttp. Introducido originalmente por Microsoft y luego implementado en otras plataformas, incluidos Mozilla y el navegador Safari de Apple, XMLHttp admite solicitudes asincrónicas al servidor web, lo que permite a los clientes llamar al servidor web según la lógica de JavaScript sin recargar toda la página.
En otras palabras, es posible interactuar con el servidor web en segundo plano sin recargar toda la página.
En cuanto al uso del objeto XMLHttp, es bastante simple y directo. Por simplicidad, solo consideramos la sintaxis específica de IE. De hecho, la sintaxis de las implementaciones XMLHttp en otros navegadores es muy similar a la que se analiza aquí.
request=newActiveXObject("Microsoft.XMLHTTP");
if(request){request.onreadystatechange=CallbackHandler;
Solicitud. open("OBTENER", URL, verdadero);
request.send();
}
functionCallbackHandler(){
if((request.readyState==4)amp;amp;(request.status==200){
}