您的位置：首页 > Web前端 > JQuery

jQuery解析xml

2011-08-15 00:20 232 查看

books.xml

<?xml version="1.0" encoding="UTF-8"?>

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

demo.html

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

});

});

*/

$(document).ready(function(){

$.ajax({

url:"books.xml",

type:"POST",

dataType:($.browser.msie) ? "text" : "xml",

success:function(data){

var xml;

if( typeof data == "string" ){

xml = new ActiveXObject("Microsoft.XMLDOM");

xml.async = false;

xml.loadXML(data);

} else {

xml = data;

}

var html="";

$(xml).find('book').each(function(i){

id=$(this).attr('id');

name=$(this).children('name').text();

author=$(this).children('author').text();

price=$(this).children('price').text();

html=html+"<tr><td>"+id+"</td><td>"+name+"</td><td>"+author+"</td><td>"+price+"</td></tr>";

/*

alert("id:"+id+

" name:"+name+

" author:"+author+

" price:"+price

);

*/

});

//$("#dataTab").html(html);

$("#dataTab").append(html);

},

error:function(data){

alert("解析失败");

}

});

});

var id="";

var name="";

var author="";

var price="";

</script>

</head>

<body>

<table name="dt" id="dataTab" >

</table>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航