|
|
|
|
|
|
|
|
|
|
- AJAX automático
- Programación de AJAX
La tecnología AJAX está disponible de forma nativa en WEBDEV. ¿Qué es AJAX y cuáles son sus ventajas? AJAX (Asynchronous JavaScript and XML) permite actualizar los datos modificados en una página HTML sin volver a mostrar toda la página. Por ejemplo, si se modifican algunos elementos de la página mostrada (contenido del carrito, características de un producto, lista de ciudades, mapa, etc.), solo se actualizarán dichos elementos. El servidor no tendrá que enviar toda la página al equipo del usuario. Esta tecnología tiene varias ventajas: - se hacen menos solicitudes al servidor. Por lo tanto, puede soportar un mayor número de conexiones simultáneas.
- la información que circula es menos voluminosa.
- el tiempo de transmisión es más corto.
- el usuario ve la información inmediatamente y sin efectos visuales no deseados.
Existen dos modos para utilizar AJAX en un sitio WEBDEV: - AJAX automático e inmediato: Un simple clic le permite utilizar las funcionalidades de AJAX. El código sigue siendo el mismo.
- Programación de AJAX: Puede utilizar funciones AJAX para realizar procesos complejos.
Nota: Algunos navegadores antiguos no son compatibles con AJAX. La función AJAXAvailable permite determinar si el navegador actual admite AJAX. Si un proceso que utiliza AJAX se ejecuta en un navegador que no es compatible con esta tecnología, el proceso se ejecuta "como si" no utilizara AJAX (por ejemplo, se actualiza toda la página). El siguiente diagrama presenta cómo se puede utilizar AJAX automáticamente en un sitio WEBDEV: Por ejemplo, una página Web contiene diferente información sobre un país (capital, moneda, bandera, ubicación, etc.). La información correspondiente se muestra según el país seleccionado por el usuario. | | | 1 | Acción del usuario. En nuestro ejemplo, el usuario selecciona un país en el cuadro combinado "Seleccione un país". | | 2 | La solicitud se envía al servidor. | | 3 | La consulta se ejecuta e inicia la búsqueda de las características del país elegido. | | 4 | Se envía el resultado de la solicitud:- sin AJAX: Se envía la página completa.
- con AJAX: Solo se envían las características del país.
| | 5 | Se muestran las características del país:- sin AJAX: Se vuelve a mostrar toda la página.
- con AJAX: Solo se actualizan los controles que contienen las características del país.
|
El siguiente diagrama presenta el uso de "AJAX mediante programación" en un sitio WEBDEV:
| | | 1 | Ejecución de un proceso en el lado del navegador (función AJAXExecute o AJAXExecuteAsynchronous). | | 2 | Solicitud de ejecución de un procedimiento en el servidor. | | 3 | El procedimiento se ejecuta en el servidor. | | 4 | Se genera el resultado. El resultado del procedimiento se expresa como una cadena de caracteres o un documento XML. | | 5 | Se envía el resultado del procedimiento (RESULT). | | 6 | Se analiza el resultado del procedimiento. | | 7 | Se muestra la información modificada. Solo se actualizan los controles necesarios. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|