Résumé des méthodes JQuery pour analyser XML_jquery

Les exemples de cet article résument la méthode d'analyse XML par JQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Utiliser JavaScript pour analyser des données XML est une tâche de programmation courante. Si JavaScript peut le faire, JQuery peut certainement le faire. Résumons quelques exemples d'utilisation de JQuery pour analyser XML.

La première option :

<script type="text/javascript">
$(document).ready(function() {
  $.ajax({
     url: 'http://localhost/cgi/test.xml',
     dataType: 'xml',
     success: function(data){
       //console.log(data);
       $(data).find("channel").find("item").each(function(index, ele) {
        var titles = $(ele).find("title").text();
        var links = $(ele).find("link").text();
        console.log(titles+'-----');
        $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');
      });
    }
  });
})
</script>
<div id="noticecon">
  <ol>
  </ol>
</div>

Deuxième option :

<script type="text/javascript">
  $.get("http://localhost/cgi/test.xml", function(data){
    $(data).find('channel').find('item').each(function(index, ele){
      var titles = $(ele).find('title').text();
      var links = $(ele).find('link').text();
      $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');
    })
  });
</script>
<div id="noticecon">
  <ol>
  </ol>
</div>

Les étapes générales sont les suivantes :

1. Lire le fichier XML

$.get("xmlfile.xml",function(xml){
  //xml即为可以读取使用的内容，具体读取见第2点
});

2. Lire le contenu XML

Si la lecture XML provient d'un fichier XML, combiné au point ci-dessus, le traitement est le suivant :

$.get("xmlfile.xml",function(xml){ 
  $(xml).find("item").length; 
});

Si vous lisez une chaîne XML, veuillez noter que la chaîne XML doit être entourée de "" et "" avant de pouvoir être analysée

$("<xml><root><item></item></root></xml>").find("item").length;

Analyser le contenu XML :

Exemple XML :

<&#63;xml version="1.0" encoding="utf-8" &#63;>
<fields>
 <field Name="Name1">
 <fieldname>dsname</fieldname>
 <datatype>字符</datatype>
 </field>
 <field Name="Name2">
 <fieldname>dstype</fieldname>
 <datatype>字符</datatype>
 </field>
</fields>

Ce qui suit est un exemple de code d'analyse :

$(xml).find("field").each(function() {
  var field = $(this);
  var fName = field.attr("Name");//读取节点属性
  var dataType = field.find("datatype").text();//读取子节点的值
});

Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter les sujets spéciaux de ce site : "Résumé des compétences XML d'opération jQuery", "Résumé des effets et compétences de glisser jQuery", " Résumé des compétences d'extension JQuery", "Résumé des effets spéciaux classiques communs de jQuery", "Résumé de l'utilisation de l'animation et des effets spéciaux jQuery", Résumé de l'utilisation du sélecteur jquery " et "Résumé des plug-ins jQuery courants et de leur utilisation"

J'espère que cet article sera utile à tous ceux qui programment jQuery.