XML file Structure: books.xml
<?xml version= "1.0" encoding= "UTF-8"?>
<root>
<book id= "1" >
<name> in Layman's extjs</name>
<author> Zhang San </author>
<price>88</price>
</book>
<book id= "2" >
<name> Sharp Jquery</name>
<author> John Doe </author>
<price>99</price>
</book>
<book id= "3" >
<name> in Layman's flex</name>
<author> Harry </author>
<price>108</price>
</book>
<book id= "4" >
<name>java Programming Ideas </name>
<author> Money Seven </author>
<price>128</price>
</book>
</root>
Page code:
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "HTTP://WWW.W3.ORG/TR/HTML4/LOOSE.DTD" >
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<title>jquery parsing 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){
Find all the book nodes
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>
<body>
<div id= ' mydiv ' ></div>
</body>
:
Full sample Download
Easily parse XML with jquery