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:
![]()







Replica a Rubeb Cancelar la respuesta