Bagaimana untuk menghuraikan XML menggunakan kemahiran jquery

Rumah

hujung hadapan web

tutorial js

Bagaimana untuk menghuraikan XML menggunakan kemahiran jquery_javascript

May 16, 2016 pm 04:36 PM

jquery xml menghuraikan

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

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

Salin selepas log masuk

2. Kod halaman:

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
&lt;title&gt;jquery解析xml&lt;/title&gt;
&lt;script type="text/javascript" src="js/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
 $(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+"&lt;br&gt;";
   });
   $('#mydiv').html(s);
  });
 });
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;div id='mydiv'&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

Salin selepas log masuk

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 Laman Web ini

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