Ajax : Vos premiers pas dans les nouvelles technologiesDate de publication : 30/07/2006 , Date de mise à jour : 30/07/2006
Par
Nicolas PIED (Site Internet) (Blog) Ajax pour « Asynchronous JavaScript and XML » désigne en réalité un ensemble de technologies Web couramment utilisé, comme :
Cette technologie, dont le terme a vu le jour en 2005, est aujourd'hui de plus en plus utilisée sur Internet notamment par Google au travers de sa page d'accueil personnalisée, sa boîte email GMail, etc. Le cœur d'Ajax repose principalement sur XMLHttpRequest, initialement développé par Microsoft, qui permet la lecture asynchrone de ressources présentes sur un serveur Web. Le but de cet article, est donc de se familiariser avec Ajax à travers un exemple concret. Celui-ci a pour but de récupérer la liste des DVD décrits au sein d'un fichier XML ; fichier qui peut par exemple, être le résultat d'un traitement ou d'une requête spéciale effectué par le serveur. 1. Présentation du fichier XML 2. Principales fonctions Ajax 3. Obtenir le contenu du fichier XML 4. Traiter et afficher l'arbre XML reçu 5. Sécurités 7. Conclusion 1. Présentation du fichier XMLLe fichier XML a pour but de décrire sommairement les informations sur des DVD. La structure de celui-ci se présente comme ci-dessous :
Ce fichier XML dispose de plusieurs balises XML qui sont :
Pour des raisons de simplicité, tous les fichiers présentés dans cet article, seront situés dans un même répertoire. 2. Principales fonctions AjaxAfin de pouvoir récupérer via JavaScript, le contenu du fichier XML présenté ci-dessus, il est nécessaire d'avoir recours à certaines fonctions ; fonctions qui ont été réalisées de telles façons à être compatibles avec les navigateurs standards (pour sûr Mozilla, Firefox et Internet Explorer 6.x).
Ces fonctions sont à placer dans un fichier que l'on nommera « ajaxlib.js ». 3. Obtenir le contenu du fichier XMLL'étape suivante consiste dans un premier temps à créer une instance de XMLHttpRequest. Celle-ci va permettre de récupérer le contenu du fichier XML contenant la liste des DVD qui sera ensuite traitée et affichée en utilisant le JavaScript. Les 4 lignes de codes suivantes, vont effectuer toute la première partie, c'est-à-dire de fournir un arbre XML valide.
Il faut donc créer tout d'abord une instance de XMLHttpRequest grâce à l'appel de fonction getXMLHttpRequest. Suite, à cela, il faut définir la fonction qui va traiter l'arbre XML lorsqu'un évènement va survenir sur l'instance XMLHttpRequest. La fonction indiquée ici, est « handleHttpResponse » et va permettre de traiter l'arbre XML et son affichage. La troisième et quatrième ligne permettent d'envoyer la requête au serveur afin que celui-ci retourne le fichier XML. Notez qu'ici, la méthode GET est envoyée et qu'il faut donc dans ce cas spécifier « null » comme argument à la fonction « send » (car les arguments sont placés à la suite de l'URL). Si la méthode avait été de type POST alors les variables auraient été passées à la méthode « send » de la façon suivante :
4. Traiter et afficher l'arbre XML reçuLe traitement et l'affichage des données sont réalisés au sein de la fonction « handleHttpResponse ». Celle-ci doit effectuer son traitement seulement si le serveur est disponible (« xhr.readyState == 4 ») et si la lecture du fichier XML a bien été effectué (« xhr.status == 200 »). Si ces conditions sont remplies, alors on procède au nettoyage du fichier XML grâce à l'appel de la fonction cleanXML.
Maintenant, l'affichage des informations sur les DVD nécessite l'emploi de l'API DOM JavaScript, comme indiqué ci-dessous :
Ensuite tout ceci est affiché dans la balise DIV ayant l'identifiant « content ». ![]() 5. SécuritésPour des questions de sécurités, il faut savoir que la technologie Ajax ne permet pas d'appeler des ressources présentes sur un autre serveur. La seule méthode qui existe pour pallier à ce problème est de mettre en place un système de certificat. 7. ConclusionCet article vous a présenté une première approche à l'utilisation de la nouvelle technologie Ajax. Cette dernière, bien que très intéressante, doit être envisagée après réflexion car le référencement par les moteurs de recherches est à ce jour loin d'être optimal.
Télécharger l'article au format PDF
|
Les sources présentées sur cette page sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2006 Nicolas PIED. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. Cette page est déposée à la SACD.