轻松使用jquery解析XML - 白强 - ITeye博客

`

a52071453

浏览: 836505 次

最近访客更多访客>>

一往无前bhz

hjg8858

fuhongyao

rick005

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

zuxianghuang：通过pom上传报错 Artifact upload faile ...
nexus上传了jar包.通过maven引用当前jar,不能取得jar的依赖
流年末年：百度网盘的挂了吧???
SSO单点登录系列3：cas-server端配置认证方式实践(数据源+自定义java类认证)
953434367： UfgovDBUtil 是什么类
Java发HTTP POST请求（内容为xml格式）
smilease：帮大忙了，非常感谢
freemaker自动生成源代码
syd505：十分感谢作者无私的分享，仔细阅读后很多地方得以解惑。
Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解

轻松使用jquery解析XML

博客分类：

jquery

阅读更多

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.zip (28.8 KB)
下载次数: 2

分享到：

JSON-lib框架，转换JSON、XML不再困难 | spring2.5 的 security 权限验证

2012-09-09 08:12
浏览 899
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jQuery解析XML 详解及方法总结: 对于HTML的解析，我是使用jQuery非常方便，其实，我们也可以用jquery解析XML，也是同样的方便。如果你用过Java、PHP等语言解析过XML，相信会跟我有相同的感觉，那就是很麻烦。改用jQuery来读取、分析、操作XML后，...

jQuery处理XML文件的几种方法: 对于HTML的解析，我是使用jQuery非常方便，其实，我们也可以用jquery解析XML，也是同样的方便。如果你用过Java、PHP等语言解析过XML，相信会跟我有相同的感觉，那就是很麻烦。改用jQuery来读取、分析、操作XML后，...

使用phpQuery轻松实现采集帮助文档: 像jQuery一样，精准查找文档节点，输出节点下的内容，解析一个XML文档就是这么简单。现在你不必为采集网站内容而使用那些头疼的正则算法、内容替换等繁琐的代码了，有了phpQuery，一切就变得轻松多了。

AngleSharp：最终的尖括号解析器库可解析HTML5，MathML，SVG和CSS以根据官方W3C规范构造DOM: 角度锐利 AngleSharp是一个.NET库，使您能够解析基于尖括号的超文本，例如HTML，SVG和MathML...类似于jQuery的构造）功能齐全的DOM （您知道的所有列表，迭代器和事件）表单提交（轻松登录到任何地方）导航（ Brows

hQuery.php：一种极其快速的Web抓取工具，可在瞬间眨眼就能解析出数百万字节的无效HTML。 PHP5.3 +，无依赖性: 您可以使用熟悉的jQuery / CSS选择器语法轻松找到所需的数据。在单元测试中，我要求它在3Mb HTML文档上至少比Symfony的DOMCrawler快10倍。实际上，根据我的拙劣测试，在某些情况下，它比DOMCrawler快两个数量级...

protocut:最小的JS库松散地基于prototype.js: XML内容的加载和解析方式使其可以像JSON这样的嵌套结构轻松访问，而不必使用过于冗长的XML导航功能。 DOM包含用于快速轻松地创建各种DOM节点的辅助函数，以及用于搜索/导航DOM的各种功能。它被设计为使用很容易...

史上最好传智播客就业班.net培训教程60G 不下会后悔: 再比如ASP.Net内置的AJAX解决方案UpdatePanel只在部分要求不高的内网项目中才被使用，因此我们在讲解UpdatePanel的使用和原理之外，把更多的时间放在讲解企业中用的最多的JQuery AJAX解决方案上。 6、B/S系统项目（7...

java开源包8: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

java开源包1: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

java开源包11: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

java开源包2: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

java开源包3: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

java开源包6: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

java开源包5: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

java开源包10: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

java开源包4: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

JAVA上百实例源码以及开源项目: 2个目标文件，FTP的目标是：（1）提高文件的共享性（计算机程序和/或数据），（2）鼓励间接地（通过程序）使用远程计算机，（3）保护用户因主机之间的文件存储系统导致的变化，（4）为了可靠和高效地传输，虽然用户...

java开源包7: JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...

Global site tag (gtag.js) - Google Analytics