Rumah > Artikel > hujung hadapan web > Bagaimana untuk menghuraikan XML menggunakan kemahiran jquery_javascript

Bagaimana untuk menghuraikan XML menggunakan kemahiran jquery_javascript

WBOYasal: 2016-05-16 16:36:581171semak imbas

Contoh dalam artikel ini menerangkan kaedah menggunakan jquery untuk menghuraikan XML dan mengongsinya dengan semua orang untuk rujukan anda. Kaedah khusus adalah seperti berikut:

1. struktur fail xml: 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. Kod halaman:

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

Rajah kesan operasi adalah seperti berikut:

Pembaca yang berminat boleh klik di sini untuk memuat turun kod lengkap.

Pembaca yang berminat dengan lebih banyak kandungan yang berkaitan dengan operasi jQuery xml boleh menyemak topik khas tapak ini: "Ringkasan kemahiran operasi jQuery xml"

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Belajar menulis tutorial contoh pemalam Jquery dalam 10 minit_jqueryArtikel seterusnya：Belajar menulis tutorial contoh pemalam Jquery dalam 10 minit_jquery

Artikel berkaitan

Lihat lagi