使用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 相关文章推荐
node.js中watch机制详解
Nov 17 Javascript
使用JavaScript实现旋转的彩圈特效
Jun 23 Javascript
JavaScript中利用Array和Object实现Map的方法
Jul 27 Javascript
laypage分页控件使用实例详解
May 19 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
微信小程序实现tab和swiper切换结合效果
Jul 17 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
Angular封装搜索框组件操作示例
Apr 25 Javascript
webpack的tree shaking的实现方法
Sep 18 Javascript
JQuery基于FormData异步提交数据文件
Sep 01 jQuery
解决ant Design中this.props.form.validateFields未执行的问题
Oct 27 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
数据库中排序的对比及使用条件详解
2012/02/23 PHP
解析csv数据导入mysql的方法
2013/07/01 PHP
十个PHP高级应用技巧果断收藏
2015/09/25 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
2019/03/01 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
nodeJs链接Mysql做增删改查的简单操作
2017/02/04 NodeJs
纯jQuery实现前端分页功能
2017/03/23 jQuery
基于jquery实现二级联动效果
2017/03/30 jQuery
JavaScript框架Angular和React深度对比
2017/11/20 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
[02:47]2018年度DOTA2最佳辅助位选手4号位-完美盛典
2018/12/17 DOTA
python实现人人网登录示例分享
2014/01/19 Python
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
Python3中类、模块、错误与异常、文件的简易教程
2017/11/20 Python
python实现决策树
2017/12/21 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
荷兰鞋子在线:Nelson Schoenen
2017/12/25 全球购物
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
学生会感恩节活动方案
2014/10/11 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
不同意离婚上诉状
2015/05/23 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书
Vscode中SSH插件如何远程连接Linux
2022/05/02 Servers
Linux磁盘管理方法介绍
2022/06/01 Servers