jquery解析xml

最新推荐文章于 2016-08-11 17:39:12 发布

justdoit1024

最新推荐文章于 2016-08-11 17:39:12 发布

阅读量115

点赞数

分类专栏： jQuery 文章标签： XML jQuery Ajax Java Python ViewUI

jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、要解析的xml文件booklist.xml

<?xml version="1.0" encoding="UTF-8"?>
<booklist>
	<book isbn='b001'>
		<name>java</name>
		<author>Gaosilin</author>
	</book>
	<book isbn='b002'>
		<name>Python</name>
		<author>卡卡</author>
	</book>
</booklist>

2、解析并显示的html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Jquery解析xml</title>
		<script src="jquery.js"></script>
		<script type="text/javascript">
			loadbook();

			function loadbook(){
				//使用Ajax方式加载后再处理
				$.ajax({
					type:'GET',
					url:'booklist.xml',
					dataType:'xml',//注意处理信息的类型为xml,默认为html
					success:function(docxml){
						//查找并迭代<book>节点
						$(docxml).find('book').each(function(){
							var isbn = $(this).attr('isbn');//获取节点属性
							var bookname = $(this).children('name').text();//获取子节点的文本值
							var author = $(this).children('author').text();

							//构造节点
							var bookdiv = '<div><li>ISBN:'+isbn+'</li><li>书名：'+bookname+'</li><li>作者：'+author+'</li><div><br>';
							$('#listdiv').append(bookdiv);
						})
					}
				});
			}
		</script>
	</head>
	<body>
		<div id="listdiv">

		</div>
	</body>
</html>

3、结果
[img]http://dl.iteye.com/upload/attachment/237491/f12cf353-80df-3d25-8bb3-df8f50d7bf7e.png[/img]

justdoit1024

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery解析xml

1、要解析的xml文件booklist.xml[code="java"] java Gaosilin Python 卡卡 [/code]2、解析并显示的html[code="java"] Jquery解析xml loadbook(); function loadb...
复制链接

扫一扫

专栏目录