recherche

Maison >interface Web >js tutoriel >Comment analyser XML à l'aide des compétences jquery_javascript

Comment analyser XML à l'aide des compétences jquery_javascript

WBOY
WBOYoriginal
2016-05-16 16:36:581220parcourir

L'exemple de cet article décrit la méthode d'utilisation de jquery pour analyser XML et le partage avec tout le monde pour votre référence. La méthode spécifique est la suivante :

1. Structure du fichier XML : livres.xml

<&#63;xml version="1.0" encoding="UTF-8"&#63;>
<root>
 <book id="1">
  <name>深入浅出extjs</name>
  <author>张三</author>
  <price>88</price>
 </book>
 <book id="2">
  <name>锋利的jQuery</name>
  <author>李四</author>
  <price>99</price>
 </book>
 <book id="3">
  <name>深入浅出flex</name>
  <author>王五</author>
  <price>108</price>
 </book>
 <book id="4">
  <name>java编程思想</name>
  <author>钱七</author>
  <price>128</price>
 </book>
</root>

2. Code de la page : 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery解析xml</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
 $(function(){
  $.post('books.xml',function(data){
   //查找所有的book节点
   var s="";
   $(data).find('book').each(function(i){
    var id=$(this).attr('id');
    var name=$(this).children('name').text();
    var author=$(this).children('author').text();
    var price=$(this).children('price').text();
    s+=id+"    "+name+"    "+author+"    "+price+"<br>";
   });
   $('#mydiv').html(s);
  });
 });
</script>
</head>
<body>
 <div id='mydiv'></div>
</body>
</html>

Le diagramme d'effet de fonctionnement est le suivant :

Les lecteurs intéressés peuvent cliquer ici pour télécharger le code complet.

Les lecteurs intéressés par plus de contenu lié au fonctionnement de jQuery XML peuvent consulter le sujet spécial de ce site : "Résumé des compétences en matière de fonctionnement de jQuery XML"

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Apprenez à écrire un exemple de tutoriel de plug-in Jquery en 10 minutes_jqueryArticle suivant：Apprenez à écrire un exemple de tutoriel de plug-in Jquery en 10 minutes_jquery

Articles Liés

Voir plus