使用使用jquery解析解析XML的方法的方法
本文实例讲述了使用jquery解析XML的方法，分享给大家供大家参考之用。具体方法如下：
一、一、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>
运行效果图如下:
感兴趣的读者可以点此本站下载完整代码。
更多关于jquery xml操作相关内容感兴趣的读者可查看本站专题：《jQuery操作xml技巧总结》
weixin_38623255
- 粉丝: 4
- 资源: 919
最新资源
- 金属、有机的、纸张、塑料检测48-YOLO（v5至v9）、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rar
- 塑胶结构设计-螺丝柱设计
- 47种室内植物种类图像分类数据集【已标注，约14,000张数据】
- Android开发中使用的google定位的总结：主要有四种方式：有需要自行寻找对应的方式方法
- 程序员专用的HTML5个人简历模版源代码+手机端
- 禾川HCQ1系列PAC脉冲控制步进驱动器测试程序
- 8255 并行接口实验-微机原理与接口技术课程设计
- 小程序快速实现大模型聊天机器人
- 金属、有机物、非有机物检测67-YOLO（v7至v9）、COCO、CreateML、Darknet、Paligemma数据集合集.rar
- 8254 定时计数器应用实验-微机原理与接口技术课程设计
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0