Google Ajax Libraries API

28/05/2008
WebDev et Design Allez aux commentaires

Sous ce nom un peu barbare se cache une fabuleuse API de Google ! Google Ajax Libraries API est un projet mené par Google qui à pour but de nous faciliter l'implémentation de framework javascript.

Comment ça marche ?

Alors pour faire simple, il vous suffit d'inclure ce petit fichier javascript (9 ko) dans vos pages, ensuite vous aurez accès aux principales librairies javascript en une ligne de code ... le tout chargé dynamiquement !

Les librairies supportées pour l'instant

  • jQuery
  • prototype
  • script.aculo.us
  • MooTools
  • dojo

Mais ce n'est pas tout, on peut aussi embarquer certains services Google ...

Exemples d'utilisation

Pour appeler jQuery (version 1.2.3)

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script>
  // Load jQuery
  google.load("jquery", "1.2.3");
</script>

Ce qui est équivalent à charger le fichier http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js

Pour appeler Mootools (version 1.11) non compressée

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script>
  // Load mootools
  google.load("mootools", "1.11", {uncompressed:true});
</script>

Ce qui est équivalent à charger le fichier http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools.js

Vous pouvez également cumuler les appels (à vos risques et périls vue la compatibilité entre librairie).

Conclusions

Le concept est excellent ! Le chargement asynchrone permet d'alléger vos pages en appelant les librairies uniquement lorsque vous en avez besoin ! De plus vous économisez de la bande passante.

Par contre certains ne vont pas apprécier de dépendre une nouvelle fois de google, mais ça, c'est un autre débat 😉

-----

Articles relatifs

  • Pingback: Google Ajax Libraries API : Ajax loader | Le blog de Yohann CIURLIK | Spawnrider.Net :: Blog()

  • Peuks

    Je passe mes nuits à trifouiller des codes au lieu de danser avec des filles…

    Je me pose une question étant novice, ka 2e partie

    // Load mootools
    google.load(« mootools », « 1.11 », {uncompressed:true});

    doit forcément être après le 1er code ou pas ? j’ai essayé en changeant de page ( sous wordpress) mais quedal, je n’ai rien qui se charge

  • Robert

    Ca sert à quoi? Perso ca me facilite rien. Je colle la lib sur mon ftp et basta. Ca ajoute 9ko + des lignes de codes contre un seul import.
    Je vois pas trop l’intérêt. Sauf pour google qui va avoir des infos sur nos visiteurs.
    Bref j’utiliserai pas ca.

  • JC

    Comment désinstaller Google ajaxapis. Me donner la solution car j’ai toujour le même message qui apparaît sur mon écran à savoir ( erreur de script sur cette page.Cela commence à être gênant.
    Merci pour la solution.