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隐藏动画教程(jquery插件实现鼠标隐藏)
- jquery实现页面滚动时自动加载内容
- jquery next()
- jquery中使用detach 移除元素
- jquery unbind
- jquery图片轮播代码
- JQuery中serialize与serializeArray
- jquery中prop和attr的区别
- jquery ajax的async使用
- jquery解析xml
- Jquery对数组的操作
- jquery中hasClass()、is()判断是否包含指定的class
- jquery中append和appendto的区别
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- jquery插件写法
- jQuery邮箱自动补全
- 入秋后的第二场苹果发布会来了 全新M1系列芯片登场(入秋后的第二场苹果发布会来了)
- 苹果正式发布自研芯片M1 5nm 32核心 彻底放弃Intel(苹果正式发布自研芯片M1)
- 苹果自研芯片跑分对比 A16芯片排名靠后,M1系列霸榜(苹果自研芯片跑分对比)
- X86处理器的梦魇 苹果M1自研芯片到底有多强(苹果M1自研芯片到底有多强)
- 泰剧《爱欲之神》Boom kitkong和Great合体杂志(泰剧爱欲之神Boomkitkong和Great合体杂志)
- 素人恋爱综艺火药味十足 男生为赢得芳心集体扯头花,真是出好戏(素人恋爱综艺火药味十足)
热门推荐
- vs连接sql语句(vs code连接sql server数据库步骤及遇到的问题小结)
- php数组详解(php数组和链表的区别总结)
- docker实现redis集群(详解使用Docker进行Redis主从复制实践)
- pandas 导入数据库(详解pandas的外部数据导入与常用方法)
- python3 代码解读(Python3列表内置方法大全及示例代码小结)
- dedecms 操作日志代码修改(dedecms 调用单页栏目内容到首页的方法)
- centos6.8安装docker(Linux Centos下使用脚本安装Docker的方法)
- dede系统静态页面(DEDE登陆后台很慢的原因分析与解决方法)
- mysql创建数据库基本指令(MySql 新建用户与数据库的实际操作步骤)
- dedecms操作方法(织梦Dedecms在循环列表中获取会员信息的方法)