jquery解析XML

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
简介:
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+"&nbsp;&nbsp;&nbsp;&nbsp;"+name+"&nbsp;&nbsp;&nbsp;&nbsp;"+author+"&nbsp;&nbsp;&nbsp;&nbsp;"+price+"<br>";
            }
);
            $('#mydiv').html(s);
        }
);
    }
);
</ script >
</ head >
< body >
    
< div  id ='mydiv' ></ div >
</ body >
</ html >
效果图:
转自: http://www.blogjava.net/sxyx2008/archive/2010/07/10/325719.html
目录
相关文章
|
1月前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
1月前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
1月前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
1月前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
1月前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
1月前
|
XML Java 数据格式
手动开发-简单的Spring基于XML配置的程序--源码解析
手动开发-简单的Spring基于XML配置的程序--源码解析
79 0
|
1月前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM 解析器
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
62 2
|
5月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
62 1

推荐镜像

更多