AJAX: ¿Qué es y cómo utilizar en el Scriptcase

Hola, en este post vamos a entender conceptualmente lo que es evento AJAX y cómo podemos usarlos dentro del Scriptcase.

AJAX? Pero, ¿qué es eso?

AJAX, es el acrónimo de Asincrónico JavaScript y XML, es básicamente un conjunto de tecnologías de desarrollo web que tiene como foco la construcción de aplicaciones más interactivas, teniendo como uno de los principales objetivos la respuesta rápida de páginas web a través del intercambio de pequeñas informaciones entre el servidor web, además de ahorrar la necesidad de la página de ser recargada entera cada vez que se realiza una nueva acción.

Los recursos AJAX, hablando de forma bien generalista, se pueden resumir en tres palabras: usabilidad, velocidad e interactividad. Es un paquete de tecnologías que posibilitan hacer la relación entre interfaz web y usuario más productiva y rica.

Conceptualmente hablando, utilizar AJAX remite a conocer bien JS, trabajando con, DOM, XML y CSS.

Entonces, más aquí, cómo funciona?

Para entender, necesitamos explicar cómo funciona una aplicación web comum , o que básicamente ocurre es que la aplicación o navegador busque la información necesaria, el servidor y el retorno al cliente.

Ya AJAX es un poco diferente, lo digo porque aquí, no hay proceso de envío de una página, toda la carga de datos procesados y pasada a cliente. Entonces cuando un usuario hace una solicitud, quien procede y devuelve és el JS simultáneamente, no necesita hacerlo o famoso, pero aburrido, ‘reload’ page.

Sin embargo, por supuesto, es claro que ni el AJAX o proceso de carga se vuelve un poco más lento, comparado a lo común, ya que muchas informaciones son pre-arregladas, pero que el no fin,
sólo los datos necesitará ser cargado, resultando en un sitio más ágil mucho.

Aplicación web común

Aplicación AJAX

La solicitud HTTP se envía desde el explorador al servidor;Este servidor recibe la solicitud y busca los datos;Después de la búsqueda el servidor retorna con los datos solicitados;Por fin el navegador, recibiendo los datos, recarga la página mostrando la nueva información.(Resalvo que durante todo este proceso el usuario no puede hacer nada a no ser esperar los resultados de su solicitud ser cargados, ese proceso además de ser tedioso, acaba requiriendo del servidor muchos recursos)

A través del navegador, se genera una llamada en JS y posteriormente activa el XMLHttpRequest;En el fondo de este proceso, el navegador crea una solicitud HTTP para el servidor;Entonces el servidor recibe la solicitud, hace la búsqueda y devuelve los datos al navegador;Por fin el navegador recibe entonces los datos enviados por el servidor y los muestra directamente en la página (sin necesitar que la página sea recargada).

Eventos AJAX dentro de Scriptcase? ¿Cómo?

Conscientes ahora que al usar AJAX, el tráfico de información innecesaria es evitado, el proceso de carga de la aplicación se vuelve exponencialmente más veloz.

Por lo tanto, Scriptcase dispone de cuatro eventos para incrementar su aplicación web:

onChange – Este evento se produce cuando el campo tiene el foco y el valor del campo se cambia y el foco se dirige a otro objeto.

onClick – Este evento se produce cuando se hace clic en el campo. (sólo este evento está disponible para una aplicación de tipo consulta)

onBlur – Este evento se produce cuando el campo tiene el foco, el valor del campo no cambia y el foco se dirige a otro objeto.

onFocus – Este evento se produce cuando el campo tiene el foco.

Para mejor instruir sobre ajax dentro del SC, tenemos también algunos tutoriales prácticos que demuestran la utilización dentro de nuestro ambiente, siéntase a gusto para leer:

Utilizando eventos ajax: onChange:

https://support.scriptcase.net/es/article/889-utilizando-eventos-ajax-onchange

Usando Procesamiento AJAX:

https://support.scriptcase.net/es/article/899-usando-procesamiento-ajax

Si usted todavía no conoce, Scriptcase es una solución para el desarrollo de aplicaciones web e informes de business intelligence de forma rápida y colaborativa.

¡Descargue y venga a probar nuestra herramienta!

https://www.scriptcase.net/descargar/

Vea este y muchos otros blogpost aquí: ScriptcaseBlog