Lecture d’un fichier XML avec jQuery AJAX

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<reponse>
  <livres>
    <livre>
      <titre>AJAX et PHP : Comment construire des applications web réactives</titre>
      <isbn>978-2100506842</isbn>
    </livre>
    <livre>
      <titre>Pratique de MySQL et PHP</titre>
      <isbn>978-2100523368</isbn>
    </livre>
    <livre>
      <titre>Tout sur le web 2.0 et 3.0, 2e édition</titre>
      <isbn>978-2100543427</isbn>
    </livre>
  </livres>
</reponse>

$(document).ready(function(){
});

$.ajax({
   type: "GET",
   url: "livre.xml",
   dataType: "xml",
   success: function(xml) {
 }
});

• La méthode find() renvoie les éléments descendants de l’élément sélectionné.
• Un descendant est un enfant, un petit-enfant, un arrière-petit-enfant, etc.
• Une fois le fichier chargé, il nous faut maintenant lire sont contenu. Nous allons donc utiliser la méthode find() afin de récupérer tous les éléments de notre arbre XML.

$(xml).find('livres').each(function(){
});

• La méthode attr() permet d’obtenir la valeur d’un attribut pour le premier élément de l’ensemble d’éléments correspondants ou définir un ou plusieurs attributs pour chaque élément correspondant.
• La méthode jQuery attr() est utilisée pour définir ou renvoyer les attributs et les valeurs des éléments sélectionnés.
• Pour renvoyer la valeur d’un attribut:
$ (sélecteur) .attr (attribut)
• Pour définir un attribut et une valeur:
$ (sélecteur) .attr (attribut, valeur)
• Pour définir un attribut et une valeur à l’aide d’une fonction:
$ (sélecteur) .attr (attribut, fonction (index, valeur actuelle))
• Pour définir plusieurs attributs et valeurs:
$ (sélecteur) .attr ({attribut: valeur, attribut: valeur, ...})

Paramètre	La description
Attribut	Ce paramètre est utilisé pour spécifier le nom de l’attribut.
Valeur	Ce paramètre est utilisé pour spécifier la valeur de l’attribut.
Fonction (index, valeur actuelle)	Il s’agit d’un paramètre pour spécifier une fonction qui renvoie une valeur d’attribut à définir. Index:Il est utilisé pour recevoir la position d’index de l’élément dans l’ensemble. Currentvalue: Il est utilisé pour fournir la valeur d’attribut actuelle des éléments sélectionnés.

• Une fois que tous les éléments sont récupérés, il nous faut alors récupérer les données de chaque élément grâce à la fonction attr() et la fonction find().

$(document).ready(function(){
  $.ajax({
    type: "GET",
    url: "livres.xml",
    dataType: "xml",
    success: function(data) {
      $(data).find('livre').each(function(){
var info='<li><b>ISBN:</b> '
        +$(this).find("isbn").text()+'</li><li><b>Titre:</b> '
        +$(this).find("titre").text()+'</li>' ;     
$("ul").append(info);
});
    }
   });
 });