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、结果
- 大小: 2 KB
分享到:
相关推荐
关于jq读取xml的,有需要的朋友可以下载。
jQuery解析xml文件,实现省市县三级联动下拉框
JQuery 省市县三级联动 ,解析中国城市XML,实现联动。需在本地有服务
jquery解析xml并实现省市二级联动
Jquery操作xml_Demo。 帮一个朋友做的一个Demo实例,用jquery读取xml文件,很简单的操作,一看就明白。
主要介绍了使用jquery解析XML的方法,代码简洁实用,需要的朋友可以参考下
本文实例总结了JQuery解析XML的方法。分享给大家供大家参考,具体如下: 用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。 第一种方案...
下面小编就为大家带来一篇JQuery解析XML数据的几个简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery加载并解析XML
对于HTML的解析,我是使用jQuery非常方便,其实,我们也可以用jquery解析XML,也是同样的方便。 如果你用过Java、PHP等语言解析过XML,相信会跟我有相同的感觉,那就是很麻烦。改用jQuery来读取、分析、操作XML后,...
NULL 博文链接:https://a52071453.iteye.com/blog/1673903
NULL 博文链接:https://qyongkang.iteye.com/blog/585382
下面小编就为大家带来一篇jquery解析XML及获取XML节点名称的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
通过示例为大家介绍了使用jquery解析XML的方法,经测试比较实用,需要的朋友可以参考下