jquery解析xml
类别:Web前端 浏览量:673
时间:2014-8-3 jquery解析xml
jquery解析xml一、jquery解析xml步骤
1、获取XML
$(document).ready(function() {
$.ajax({
url: '/xml/books。xml',
type: 'GET',
dataType: 'xml',
timeout: 1000, //设定超时
cache: false, //禁用缓存
error: function(xml) {
alert("加载XML文档出错!");
},
success: GetStudentComplete //设置成功后回调函数
});
});
2、解析XML
//获取XML成功后回调函数
function GetStudentComplete(xml) {
$(xml).find("student").each(function(i) { //查找所有student节点并遍历
var id = $(this).children("id"); //获得子节点
var id_vaule = id.text(); //获取节点文本
var email_vaule = $(this).attr("email"); //获取节点的属性
alert(id_vaule);
alert(email_vaule);
});
}
二、jquery解析xml完整实例
1、xml文件结构: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>
2、页面代码
<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.7.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>";
});
$('#myli').html(s);
});
});
</script>
</head>
<body>
<li id='myli'></li>
</body>
</html>
3、效果图
您可能感兴趣
- jquery ajax详细教程(jquery+Ajax实现简单分页条效果)
- jQuery toggleClass
- jQuery中$.each的用法
- jquery获取outerhtml
- JQuery中serialize与serializeArray
- jquery on绑定多个事件
- Jquery对数组的操作
- 链式编程jquery(实例详解jQuery的链式编程风格)
- jquery左右选择框
- jquery判断是否为数组
- jquery修改带有!important的样式
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- jquery.ajax error 如何调试错误
- javascript中还原append代码(JS实现jQuery的append功能)
- jquery中unbind、bind
- jQuery判断对象是否存在
- 赏读 八月再见,九月你好(赏读八月再见九月你好)
- 散文 八月再见,九月,我在风中等你(散文八月再见九月)
- 8月再见 9月你好(8月再见)
- 魔兽世界 设计师爆料,原始版本并无PVP,跨阵营属于返璞归真(魔兽世界设计师爆料)
- 吐槽完《弧光大作战》之后,我们和设计师聊了聊魔兽首款手游的立项初衷和未来(吐槽完弧光大作战之后)
- 魔兽争霸3自定义战役少年杰雷 2(魔兽争霸3自定义战役少年杰雷)
热门推荐
- flink重启机制(浅谈Flink容错机制之作业执行和守护进程)
- jquery中one()的用法
- python3中super函数的基本用法(实例讲解Python3中abs函数)
- nginx配置文件的几大模块(nginx简单配置多个server的方法)
- dedecms的简单说明(DEDECMS5.5在国外Linux主机下无法采集的解决方法)
- tomcatcpu配置(Tomcat进程占用CPU过高的解决方法)
- canvas技术开发(用canvas显示验证码的实现)
- 怎么创建dhcp服务器(DHCP服务器与Web服务器的搭建教程)
- python爬虫request方法介绍(详解Python3网络爬虫二:利用urllib.urlopen向有道翻译发送数据获得翻译结果)
- pythonai识别算法(Python3调用百度AI识别图片中的文字功能示例测试可用)