mercredi 30 mai 2012

[AJAX] T6 : Utiliser un fichier externe



Il est plus simple d'inclure un fichier JavaScript. Cette ligne sera incluse dans la section head de la page HTML:

1
<script src="ajax.js" type="text/javascript"></script>
Et la fonction est appelée avec cette instruction:
1
var xhr = createXHR();
Le script du fichier externe:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function createXHR()
{
   var request = false;
   try
   {
     request = new ActiveXObject('Msxml2.XMLHTTP');
   }
   catch (err2)
   {
   try {
      request = new ActiveXObject('Microsoft.XMLHTTP');
   }
   catch (err3) {
      try {  request = new XMLHttpRequest();}
      catch (err1) { request = false;}
    }
   }
  return request;
}

Comment faire un site Ajax?

Il faut une interface prédéfinie, comme celles qui sont indiquées dans les liens plus bas.
Puis votre programme JavaScript, intégré dans une page web, et accédant par leur nom ou leur identifieur aux éléments de la page, envoie des requêtes au serveur pour obtenir un fichier. Celui-ci est exploité par les méthodes de DOM, et la page mise à jour sur le poste client, de façon fluide et instantanée.

Inconvénients d'Ajax

- Si JavaScript est désactivé, Ajax ne peut fonctionner. Il faut demander au lecteur de l'activer parmi les options du navigateur.
- Si l'on charge les données à afficher de façon dynamique, elles ne font pas partie de la page et elles ne sont pas prises en compte par les moteurs de recherche.
- L'aspect asynchrone fait que les modifications se font avec un délai (si le traitement sur le serveur est long), ce qui peut être déconcertant.
- Le bouton de retour en arrière peut se trouver désactivé (ce n'est pas le cas dans les exemples fournis ici). Cela peut être corrigé.

Share:

0 commentaires:

Enregistrer un commentaire

Contributeurs

Membres

free counters