suchen

Heim >Web-Frontend >js-Tutorial >So analysieren Sie XML mit jquery_javascript-Kenntnissen

So analysieren Sie XML mit jquery_javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 16:36:581222Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode zur Verwendung von jquery zum Parsen von XML und stellt sie allen als Referenz zur Verfügung. Die spezifische Methode ist wie folgt:

1. XML-Dateistruktur: Books.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. Seitencode: 

<!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>

Das Betriebseffektdiagramm sieht wie folgt aus:

Interessierte Leser können hier klicken, um den vollständigen Code herunterzuladen.

Leser, die an weiteren Inhalten im Zusammenhang mit der jQuery-XML-Operation interessiert sind, können das spezielle Thema dieser Website lesen: „Zusammenfassung der jQuery-XML-Operationsfähigkeiten“

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Lernen Sie, in 10 Minuten ein Beispiel-Tutorial für ein JQuery-Plug-In zu schreiben_jqueryNächster Artikel：Lernen Sie, in 10 Minuten ein Beispiel-Tutorial für ein JQuery-Plug-In zu schreiben_jquery

In Verbindung stehende Artikel

Mehr sehen