URL: https://linuxfr.org/news/intercooler-js
Title: Intercooler.js
Authors: Ontologia
Benoît Sibaud
Date: 2014年07月04日T23:40:58+02:00
License: CC By-SA
Tags: js et jquery
Score: 20
_Intercooler.js_ est une énième, mais nouvelle bibliothèque JavaScript pour les sites web orientés client lourd.
Elle propose un mécanisme déclaratif assez intéressant : le comportement de l'interface est codé dans les attributs de balises HTML standard.
Elle simplifie la vie du développeur en évitant de devoir intégrer des évènements sur des sélecteurs JQuery (ou ses concurrents) : celui-ci a le choix de provoquer un appel AJAX ou un appel interne sur une fonction javascript, de manière déclarative dans le code HTML.
Intercooler est basé sur le concept de Partial View Controller. Dans cette approche, le serveur renvoi des fragments de HTML à intégrer dans l'interface.
----
[Le site du framework](http://intercoolerjs.org/)
[Introduction rapide au framework](http://intercoolerjs.org/intro.html)
[API](http://intercoolerjs.org/extending.html)
----
Quelques exemples valent mieux qu'un long discours :
Cet exemple montre comment provoquer un appel AJAX lors d'un clic dans une div.
```html
You have not yet clicked the button
```
Si l'utilisateur clique sur le bouton, le contenu de la div ayant l'attribut ```ic-src="/example/click"``` sera remplacé par le retour de l'appel AJAX en POST à l'URL ```/example/click```.
Mais grâce à la fonction ```addURLHandler(handler)```, on peut faire en sorte que l'URL ```/example``` soit captée en interne :
```javascript
(function () {
var clicks = 0;
Intercooler.addURLHandler({
'url': '/example/click',
'get': function () {
return 'You have clicked the button ' + clicks + ' times'
},
'post': function(){
clicks++;
}
});
})();
```
Bref, cette bibliothèque offre des possibilités affriolantes, même si elle est encore jeune.
Elle permettrait même à un webdesigner peu versé dans le développement de rajouter un peu d'interactivité dans ses pages.