JQUERY 解析 XML
来源:互联网 发布:java服务器端开发技术 编辑:程序博客网 时间:2024/06/10 17:17
1、要解析的xml文件booklist.xml
2、解析并显示的html
3、结果
- <?xml version="1.0" encoding="UTF-8"?>
- <booklist>
- <book isbn='b001'>
- <name>java</name>
- <author>Gaosilin</author>
- </book>
- <book isbn='b002'>
- <name>Python</name>
- <author>卡卡</author>
- </book>
- </booklist>
2、解析并显示的html
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>Jquery解析xml</title>
- <script src="jquery.js"></script>
- <script type="text/javascript">
- loadbook();
- function loadbook(){
- //使用Ajax方式加载后再处理
- $.ajax({
- type:'GET',
- url:'booklist.xml',
- dataType:'xml',//注意处理信息的类型为xml,默认为html
- success:function(docxml){
- //查找并迭代<book>节点
- $(docxml).find('book').each(function(){
- var isbn = $(this).attr('isbn');//获取节点属性
- var bookname = $(this).children('name').text();//获取子节点的文本值
- var author = $(this).children('author').text();
- //构造节点
- var bookdiv = '<div><li>ISBN:'+isbn+'</li><li>书名:'+bookname+'</li><li>作者:'+author+'</li><div><br>';
- $('#listdiv').append(bookdiv);
- })
- }
- });
- }
- </script>
- </head>
- <body>
- <div id="listdiv">
- </div>
- </body>
- </html>
3、结果
0 0
- jquery解析xml
- jQuery解析XML
- jQuery 解析xml文件
- jQuery 解析xml文件
- JQuery解析xml示例
- jquery 解析xml
- jQuery 解析xml文件
- JQuery解析xml文件
- jQuery解析xml文档
- jquery解析XML文件
- JQuery解析XML
- jQuery解析xml
- jquery 解析 xml
- jquery解析Xml
- jquery 解析 xml数据
- jquery 解析XML字符串
- 使用jquery解析xml
- jquery解析XML
- coreldraw 复制填充渐变色
- linux中fork--子进程是从哪里开始运行
- AsyncTask的用法
- 三招帮你选择"合脚"ERP
- html中将不能完全显示的文字用...代替
- JQUERY 解析 XML
- [[[ java ]]] 数组 arrayList.contains(), arrayList.toArray();
- ORA-12519数据库连接间接性中断
- html5 js 实现刮刮卡效果
- Android Project Butter分析 .
- 10.31 动态绑定
- qemu-kvm: Migrate: socket bind failed
- POJ 1673 EXOCENTER OF A TRIANGLE(求三角形的垂心)
- Hadoop之MR的调优性能