Ajax con Thymeleaf

Si aún no conocéis Thymeleaf a qué esperáis? 🙂 (https://unpocodejava.wordpress.com/2013/04/24/un-poco-de-thymeleaf/)

En este caso sirva este post para explicar de forma concreta cómo integrar AJAX en Thymeleaf.

(extraído de este post de Xavier Padró: http://xpadro.blogspot.com.es/2014/02/thymeleaf-integration-with-spring-part-2.html )

En el ejemplo de Xavier se recupera vía AJAX la información de una búsqueda:

La forma de resolver esta petición AJAX con Thymeleaf es esta:

1. Desde el onClick del botón Search hago una petición AJAX

En este caso vía jQuery:

Que lo que hace es formar la URL con la búsqueda, hacer la petición a la URL y con el HTML devuelto por el servidor cargar el div resultBlock.

2. El método de nuestro controlador que resuelve la petición es este:

En el que se ve que el método recibe las peticiones /guest/{surname}.

Lo más interesante es que este método carga en el modelo un atributo guests con la lista de invitados que cumplen el criterio y finalmente devuelve un fragmento Thymeleaf resultsList

3. El fragmento resultsList tiene este aspecto:

En el que se puede ver que se maneja el atributo guests previamente cargado por el controlador:

En ejecución se mostrará:

Que corresponde con la carga del div resultsBlock

con el HTML del fragmento resultsList:

Respuesta

  1. Y como se controlaría el bloqueo de la página, es decir el clásico loading utilizando el load()

Deja un comentario