使用jquery解析XML示例代码


Posted in Javascript onSeptember 05, 2014

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>

页面代码:

<!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);
});
});
</script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>

效果图:

Javascript 相关文章推荐
一个报数游戏js版(约瑟夫环问题)
Aug 05 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
Jun 08 Javascript
js 得到文件后缀(通过正则实现)
Jul 08 Javascript
HTML Color Picker(js拾色器效果)
Aug 27 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
JS+CSS实现Li列表隔行换色效果的方法
Feb 16 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
Nov 16 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
详解webpack编译多页面vue项目的配置问题
Dec 11 Javascript
浅谈React中组件间抽象
Jan 27 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
vue随机验证码组件的封装实现
Feb 19 Javascript
js实现按一下删除键删除整个单词附demo
Sep 05 #Javascript
JS获取当前网页大小以及屏幕分辨率等
Sep 05 #Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 #Javascript
jQuery表格插件datatables用法总结
Sep 05 #Javascript
jQuery中index()的用法分析
Sep 05 #Javascript
使用jquery解析XML的方法
Sep 05 #Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 #Javascript
You might like
php做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
Jquery中获取iframe的代码
2011/01/11 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
jQuery中mouseover事件用法实例
2014/12/26 Javascript
JavaScript判断对象是否为数组
2015/12/22 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
Python标准库os.path包、glob包使用实例
2014/11/25 Python
Python基于DES算法加密解密实例
2015/06/03 Python
Python3中的2to3转换工具使用示例
2015/06/12 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
Python中一个for循环循环多个变量的示例
2019/07/16 Python
Python matplotlib读取excel数据并用for循环画多个子图subplot操作
2020/07/14 Python
python中str内置函数用法总结
2020/12/27 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
家庭户外服装:Hawkshead
2017/11/02 全球购物
俄罗斯第一家多品牌在线奢侈品精品店:Aizel.ru
2020/09/06 全球购物
挂职思想汇报
2013/12/31 职场文书
安全标语大全
2014/06/10 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
上课玩手机的检讨书
2014/10/01 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话全文
2014/10/25 职场文书
客房领班岗位职责
2015/02/11 职场文书
民事上诉状范文
2015/05/22 职场文书
Python如何利用pandas读取csv数据并绘图
2022/07/07 Python