E4 x

Introduction

E4X est à Javascript ce que SimpleXml est au PHP : son but est de proposer une alternative à DOM pour accéder au contenu d'un fichier XML, et ce, - point important - le plus naturellement possible. E4X, normalisé par l'Ecma, tout comme Ecmascript (langage implémenté dans Mozilla sous le nom de javascript), étend donc la syntaxe de Ecmascript afin de pouvoir manipuler facilement un fichier XML.

E4X est disponible dans Gecko 1.8, donc depuis Firefox 1.5, Thunderbird 1.5 et XulRunner.

Exemples d'utilisation

Vous avez dans le langage Javascript un nouveau type d'objet qui a pour nom "xml".

Voici des exemples de manipulations , inspirés de l'introduction de Jon Udell sur E4X :

Création/Assignation

Une première méthode est d'instancier un objet XML en lui passant le contenu XML sous forme de chaine :

  var myXmlString = "<people><person id="1"><name>Moe</name></person><person id="2"><name>Larry</name></person></people>";
  var people = new XML(myXmlString);

En théorie, on peut aussi lui passer un objet DOM :

  var unObjetDom = document.getElementById('foo');
  var people = new XML(unObjetDom);

Mais cela ne fonctionne pas dans Gecko 1.8.

Il existe une autre méthode plus simple : on écrit simplement le xml en ligne.

 var people = <people>
        <person id="1">
             <name>Moe</name>
       </person>
       <person id="2">
             <name>Larry</name>
       </person>
    </people>;

On peut y insérer des valeurs dynamiquement, en indiquant le code javascript entre accolades :

 var unNom = "Moe";
 var unId=2;
 var people = <people>
        <person id="1">
             <name>{unNom}</name>
       </person>
       <person id={unId}>
             <name>Larry</name>
       </person>
    </people>;

Remarquez l'absence des quotes pour les attributs..

On peut aussi indiquer un nom de balise dynamiquement :

 var unNomDeTag="person";
 var people = <people>
        <{unNomDeTag} id="1">
             <name>Moe</name>
       </{unNomDeTag}>
    </people>;

type

  typeof(people)

renvoi "xml"

accés aux données

il y a plusieurs balises <person> en tant que fils de <people>. L'objet person est donc un tableau (ou plus exactement un objet XMLList, voir la référence):

 people.person.length(); // nombre de balise person
 people.person[0]; // correpond à la première balise person

On peut donc parcourir facilement les éléments : ceux ci sont stockés dans des propriétés d'un objet, dont les noms reprennent les noms des éléments.

Pour accéder à un attribut (ici id), grâce au nouvel élement syntaxique "@" :

  people.person[0].@id // renvoi à 1

On peut bien sûr modifier un attribut :

  people.person[0].@id = 47

On peut effectuer des interrogations. Par exemple avoir la liste des balises <person> qui ont un attribut id=47 :

 people.person.(@id=='47')

Ou alors celles qui ont une balise fille <name> dont le contenu est Moe

 people.person.(name=='Moe')

Etc..

 var people = <people>
        <person id="1">
             <name>Moe</name>
       </person>
       <person id="2">
             <name>Larry</name>
       </person>
    </people>;

 var people = new XML('<people><person id="1">...');