XMLHttpRequest dans Gears

L'objet XMLHttpRequest est implémenté dans Gears, ce qui en fait un framework Ajax spécial dont le but est de permettre d'utiliser les applications web hors ligne.
Les possibilités de l'objet XHR sont étendues et il permet d'échanger des Blobs ou des textes, entre le navigateur d'un coté et de l'autre le serveur où l'ordinateur local.
L'objet Blob est un complément à JavaScript apporté par Gears qui contient un blocs de données binaire.

Pour utiliser XHR dans Gears

1. Installer le plug-in sur votre navigateur.
2. Inclure le script gears_init.js (voir en ressources comment l'obtenir).
3. Ajouter le code JavaScript suivant:

<script type="text/javascript">
  function xhr()
  {
     var storage = document.getElementById("storage");
     var request = google.gears.factory.create('beta.httprequest');
     request.open('GET', 'xhr-demo.txt');
     request.onreadystatechange = function() 
     {
          if (request.readyState == 4) 
          {
               storage.innerHTML = request.responseText;
          }
     };
     request.send();
  }
  window.onload=xhr;
</script>

La différence avec le code Ajax classique est l'utilisation de google.gears.factory.create('beta.httprequest') qui à lui seul remplace les constructeurs pour les différents navigateurs (voir tutoriel Ajax).

L'exemple ci-dessus charge le fichier xhr-demo.txt qui contient la chaîne "Salut le Monde!". Et le contenu du fichier est affiché dans la <div> d'identifieur "storage".

Démonstration de XMLHttpRequest dans Gears

Utilisation de l'objet XMLHttpRequest dans Gears. On crée l'objet avec l'API Google qui se charge d'utiliser le constructeur correspondant au navigateur.

Si le plug-in Gears est installé sur votre navigateur, le message "Salut le Monde!" doit s'afficher ci-dessous en gros caractères:

Ressources

• Obtenir gears_init.js. C'est le code JavaScript nécessaire pour initialiser Gears.