Même si le moteur de template Thymeleaf est exécuté du côté serveur, il est possible de charger un fragment à la suite d'un évènement. En utilisant cette façon de procéder, on peut se rapproche de l'expérience utilisation d'une applicate dite SPA. Chargement dynamique d'un fragment L'application ressemble à ceci. En cliquant sur Obtenir un fragment ajax, un appel sera fait sur le serveur et un fragment sera retourné. Il faut avoir une section dans notre template pour insérer le fragment. Dans notre page, nous avons une section avec l'id main <div id="main" class="container-fluid"> </div> Le fragment sera inséré à cet endroit après un appel sur le serveur. var XHR = new XMLHttpRequest(); XHR.open('get', '/ajaxfragment'); XHR.send(); XHR.addEventListener('readystatechange', function() { if (XHR.readyState === XMLHttpRequest.DONE && XHR.status === 200) { documen...
Blog sur la conception, développement et le génie logiciel. Divers langages et systèmes d'exploitations sont traités.